feat: add yearly summary page with navigation and formatting improvements
All checks were successful
Publish Container / publish (push) Successful in 3m17s
All checks were successful
Publish Container / publish (push) Successful in 3m17s
This commit is contained in:
parent
0991128b30
commit
0d003903cf
12 changed files with 406 additions and 70 deletions
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue