FDS2610/Finanzmanager
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix n.n.: Linie unter den Tabs im dunklen Thema dezenter

Browse source 
Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
This commit is contained in:
fds2610-bot 2026-10-01 10:46:52 +02:00
parent 39e28385f4
commit 176282d3a3
2 changed files with 5 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
Changes.md
View file

@ -3,7 +3,7 @@
## Rahmen, Schatten und Tabs im Design (01.10.2026) ## Rahmen, Schatten und Tabs im Design (01.10.2026)
- Tabellen (`table.liste`), Kacheln und breite Formulare (`.formular.breit`, u. a. Einstellungen) erhalten in beiden Themen einen 1px breiten hellblauen Rand (`--bereichsrand`) und einen leichten Schatten (`--bereichsschatten`) für mehr Kontrast zwischen den Bereichen. - Tabellen (`table.liste`), Kacheln und breite Formulare (`.formular.breit`, u. a. Einstellungen) erhalten in beiden Themen einen 1px breiten hellblauen Rand (`--bereichsrand`) und einen leichten Schatten (`--bereichsschatten`) für mehr Kontrast zwischen den Bereichen.
- Titelleiste und Tab-Leiste: Linie im Stil des Bereichsrands, dazu ein schmaler Schatten nach unten. - Titelleiste: Linie im Stil des Bereichsrands, dazu ein schmaler Schatten nach unten. Tab-Leiste: ebenso, die Linie ist im dunklen Thema dezenter (`--tablinie`).
- Aktiver Tab und rechtsbündiger Tab („Kacheln wählen“, „Regeln“) haben im dunklen Thema einen abgesetzten blauen Rand (`--tabrand`). - Aktiver Tab und rechtsbündiger Tab („Kacheln wählen“, „Regeln“) haben im dunklen Thema einen abgesetzten blauen Rand (`--tabrand`).
## Automatische Buchungsnummer (01.10.2026) ## Automatische Buchungsnummer (01.10.2026)

5
public/static/app.css
View file

@ -35,6 +35,7 @@
--bereichsschatten: 0 0 10px 3px #c3cbd5; --bereichsschatten: 0 0 10px 3px #c3cbd5;
--bereichsschatten-farbe: #c3cbd5; --bereichsschatten-farbe: #c3cbd5;
--tabrand: var(--rand); --tabrand: var(--rand);
--tablinie: 1px solid #a9c4ea;
--radius: 6px; --radius: 6px;
--schrift: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; --schrift: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
@ -67,6 +68,7 @@
--bereichsschatten: 0 0 10px 3px #243b62; --bereichsschatten: 0 0 10px 3px #243b62;
--bereichsschatten-farbe: #243b62; --bereichsschatten-farbe: #243b62;
--tabrand: #345a94; --tabrand: #345a94;
--tablinie: 1px solid #263b5c;
} }
} }
@ -95,6 +97,7 @@
--bereichsschatten: 0 0 10px 3px #243b62; --bereichsschatten: 0 0 10px 3px #243b62;
--bereichsschatten-farbe: #243b62; --bereichsschatten-farbe: #243b62;
--tabrand: #345a94; --tabrand: #345a94;
--tablinie: 1px solid #263b5c;
} }
* { box-sizing: border-box; } * { box-sizing: border-box; }
@ -329,7 +332,7 @@ form.inline { display: inline; margin: 0; }
.tableiste { .tableiste {
display: flex; display: flex;
gap: .25rem; gap: .25rem;
border-bottom: var(--bereichsrand); border-bottom: var(--tablinie);
box-shadow: 0 3px 4px -3px var(--bereichsschatten-farbe); box-shadow: 0 3px 4px -3px var(--bereichsschatten-farbe);
margin-bottom: 1.25rem; margin-bottom: 1.25rem;
overflow-x: auto; overflow-x: auto;