feat: add yearly summary page with navigation and formatting improvements
All checks were successful
Publish Container / publish (push) Successful in 3m17s

This commit is contained in:
MaddoScientisto 2026-04-20 23:56:23 +02:00
commit 0d003903cf
12 changed files with 406 additions and 70 deletions

View file

@ -189,6 +189,10 @@ main {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M1 11a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1v-3zm5-4a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V7zm5-5a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1V2z'/%3E%3C/svg%3E");
}
.bi-table-nav-menu {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2zm15 2H1v3h14V4zm0 4H1v3h14V8zm0 4H1v2a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2z'/%3E%3C/svg%3E");
}
.nav-item {
font-size: 0.9rem;
padding-bottom: 0.5rem;
@ -860,4 +864,72 @@ h1:focus {
width: auto;
transform: none;
}
}
/* Yearly summary */
.yearly-summary-card {
overflow: hidden;
}
.yearly-summary-table {
min-width: 52rem;
}
.yearly-summary-table thead th,
.yearly-summary-table tfoot th,
.yearly-summary-table tfoot td {
background-color: var(--wt-summary-head-bg);
}
.yearly-summary-table thead th {
white-space: normal;
line-height: 1.15;
}
.yearly-summary-table th,
.yearly-summary-table td {
white-space: nowrap;
vertical-align: middle;
padding: 0.45rem 0.4rem;
}
.yearly-summary-sticky-column {
position: sticky;
left: 0;
z-index: 2;
background-color: var(--wt-summary-sticky-bg);
}
.yearly-summary-header-cell {
width: 5.2rem;
min-width: 5.2rem;
max-width: 5.2rem;
}
.yearly-summary-table thead .yearly-summary-sticky-column,
.yearly-summary-table tfoot .yearly-summary-sticky-column {
z-index: 3;
background-color: var(--wt-summary-head-bg);
}
.yearly-summary-table tbody tr:nth-child(odd) td,
.yearly-summary-table tbody tr:nth-child(odd) .yearly-summary-sticky-column {
background-color: var(--wt-summary-row-alt);
}
.yearly-summary-total-row th,
.yearly-summary-total-row td {
font-weight: 600;
}
@media (max-width: 767.98px) {
.yearly-summary-table {
min-width: 44rem;
}
.yearly-summary-header-cell {
width: 4.5rem;
min-width: 4.5rem;
max-width: 4.5rem;
}
}