Add projects index page, and more detail on placeholder pages

This commit is contained in:
Alex Cabal 2024-12-14 21:08:45 -06:00
parent fe5bb8ed48
commit c7a4e34e31
15 changed files with 211 additions and 59 deletions

View file

@ -731,90 +731,93 @@ ul.message.error > li + li{
text-align: center;
}
.download-list{
.data-table{
margin: auto;
}
.download-list caption{
.data-table caption{
font-style: italic;
text-align: right;
display: none;
}
.download-list .mid-header{
.data-table .mid-header{
font-style: italic;
}
.download-list thead tr.mid-header:first-child > *{
.data-table thead tr.mid-header:first-child > *{
padding-top: 2rem;
}
.download-list th.row-header,
.download-list .mid-header th:first-child,
.download-list .mid-header th:last-child{
text-align: left;
}
.download-list td,
.download-list th{
.data-table td,
.data-table th{
padding: .25rem .5rem;
hyphens: none;
white-space: nowrap;
}
.download-list th{
.data-table th{
font-weight: normal;
}
.data-table.bulk-downloads-table th.row-header,
.data-table.bulk-downloads-table .mid-header th:first-child,
.data-table.bulk-downloads-table .mid-header th:last-child{
text-align: left;
}
.data-table.bulk-downloads-table th{
text-align: right;
}
.download-list .number{
.data-table .number{
text-align: right;
}
.download-list td.download{
.data-table td.download{
padding-right: 0;
color: var(--body-text);
}
.download-list td.download + td{
.data-table td.download + td{
padding-left: .25rem;
font-size: .75em;
color: var(--sub-text);
}
.download-list tbody .row-header{
.data-table tbody .row-header{
font-weight: bold;
text-align: left;
white-space: normal;
}
.download-list tbody tr td,
.download-list tbody tr th{
.data-table tbody tr td,
.data-table tbody tr th{
border-top: 1px dashed var(--table-border);
}
.download-list tbody tr:first-child > *,
.download-list tbody tr.year-header > *,
.download-list tbody tr.year-header + tr > *,
.download-list tbody tr.mid-header tr > *,
.download-list tbody tr.mid-header + tr td,
.download-list tbody tr.mid-header + tr th{
.data-table tbody tr:first-child > *,
.data-table tbody tr.year-header > *,
.data-table tbody tr.year-header + tr > *,
.data-table tbody tr.mid-header tr > *,
.data-table tbody tr.mid-header + tr td,
.data-table tbody tr.mid-header + tr th{
border: none;
}
.download-list tbody tr:not([class]):hover > *{
.data-table tbody tr:not([class]):hover > *{
background: var(--table-row-hover);
}
.download-list tbody tr:only-child:not([class]):hover > *{
.data-table tbody tr:only-child:not([class]):hover > *{
background: unset; /* Don't highlight on hover if there's only one row */
}
h2 + .download-list tr.year-header:first-child th{
h2 + .data-table tr.year-header:first-child th{
padding-top: 2rem;
}
.download-list .year-header th{
.data-table .year-header th{
padding-top: 4rem;
font-size: 1.4rem;
font-family: "League Spartan", Arial, sans-serif;
@ -3327,23 +3330,23 @@ table.admin-table td + td{
}
@media(max-width: 1200px){
.download-list{
.data-table{
overflow-x: scroll;
display: block; /* needed to make overflow work */
width: 100%;
}
.download-list .year-header th{
.data-table .year-header th{
text-align: left;
}
.download-list thead tr.mid-header:first-child th,
.download-list tr.year-header:first-child th{
.data-table thead tr.mid-header:first-child th,
.data-table tr.year-header:first-child th{
padding-top: 0;
}
.download-list caption{
.data-table caption{
display: block;
padding-top: 2rem;
}