diff --git a/web/src/finance.css b/web/src/finance.css index 744504e..88c6d14 100644 --- a/web/src/finance.css +++ b/web/src/finance.css @@ -630,6 +630,16 @@ tr.budget-total-row td { margin-top: 2px; border-top: 2px solid var(--border-strong); font-variant-numeric: tabular-nums; + /* Die Summe bleibt stehen, waehrend die Liste darunter durchlaeuft. Sie ist + die Zahl, wegen der man auf die Karte schaut – sie darf nicht die eine + sein, die man wegscrollen muss. Klebt am unteren Rand des Rollbereichs, + also am Karten-Koerper; ein eigener Hintergrund, damit die Zeilen nicht + durchscheinen, und Abstand nach unten statt des Innenabstands der Karte. */ + position: sticky; + bottom: calc(-1 * var(--sp-3)); + background: var(--surface); + padding-bottom: var(--sp-3); + margin-bottom: calc(-1 * var(--sp-3)); } .ellipsis { overflow: hidden;