Scarriffle/certain
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: Bankanbindung gliedern – und ein Platzhalter, der nicht ersetzt wurde

Browse Source 
Im Kopf jeder Verbindung stand woertlich "zuletzt {{when}}": Der Text erwartet
`when`, uebergeben wurde `datum`.

Die Gliederung lieh sich die Klassen des Postfachs – gestrichelte Trennlinien,
sonst nichts. Damit war weder zu sehen, wo eine Bank aufhoert, noch welcher
Knopf zu welchem Konto gehoert, und das Suchfeld fuer eine neue Bank
verschwamm mit den Angaben der schon verbundenen.

Jetzt: Jede Verbindung ist ein umrandeter Block mit Kopfzeile. Jedes Konto
darin hat eine eigene linke Kante – die bindet seine Knoepfe sichtbar an es.
Die Knoepfe der VERBINDUNG (alle Konten, Salden, trennen) stehen ohne
Einrueckung hinter einer Trennlinie, gehoeren also erkennbar zur Bank und
nicht zum letzten Konto. "Weitere Bank verbinden" ist mit eigener Ueberschrift
abgesetzt.

Nebenbei brach "Minuten (0 = aus)" neben dem Zahlenfeld um und las sich wie
ein Fehler; die Klammer steht ohnehin im Hinweis darunter.

Im Browser nachgemessen.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
Guido
2026-08-27 21:04:32 +02:00
co-authored by Claude Opus 5
parent 385352974c
commit 4c2e72cb20
4 changed files with 73 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/finance.css
+55
View File
@@ -1336,3 +1336,58 @@ tr.row-dup {
flex: 0 0 auto;
white-space: nowrap;
}
/* ---------- Bankanbindung: Verbindung, Konto, neue Bank ----------
Vorher lieh sich das die Klassen des Postfachs: gestrichelte Trennlinien,
sonst nichts. Damit war nicht zu sehen, welcher Knopf zu welchem Konto
gehört und wo eine Bank aufhört. */
.bank-verbindung {
border: 1px solid var(--border);
border-radius: var(--radius);
padding: var(--sp-4);
margin-top: var(--sp-4);
}
.bank-verbindung-kopf {
display: flex;
align-items: center;
gap: var(--sp-2);
padding-bottom: var(--sp-2);
margin-bottom: var(--sp-2);
border-bottom: 1px solid var(--border);
}
/* Ein Konto der Verbindung: eingerückt und mit eigener Kante. Die Kante ist
das, was seine Knöpfe sichtbar an es bindet. */
.bank-konto {
border-left: 2px solid var(--border-strong);
padding: var(--sp-3) 0 var(--sp-3) var(--sp-3);
margin-top: var(--sp-3);
}
.bank-konto + .bank-konto {
margin-top: var(--sp-2);
}
.bank-konto select {
width: 100%;
margin-top: 4px;
}
/* Die Knöpfe der VERBINDUNG (alle Konten, Salden, trennen) stehen ohne
Einrückung – so gehören sie sichtbar zur Bank und nicht zum letzten Konto. */
.bank-verbindung > .mail-actions {
padding-top: var(--sp-3);
border-top: 1px solid var(--border);
}
/* Eine neue Bank hinzufügen ist etwas anderes als eine bestehende zu pflegen. */
.bank-neu {
margin-top: var(--sp-5);
padding-top: var(--sp-4);
border-top: 2px solid var(--border-strong);
}
.bank-neu h3 {
margin: 0 0 var(--sp-3);
font-size: 1rem;
}
/* Die Einheit neben dem Zahlenfeld darf nicht umbrechen – „Minuten (0" in der
einen und „= aus)" in der nächsten Zeile las sich wie ein Fehler. */
.bank-verbindung .input-with-button > .muted {
white-space: nowrap;
}