From 176282d3a3349833d97f41be13061438df13f149 Mon Sep 17 00:00:00 2001 From: fds2610-bot Date: Thu, 1 Oct 2026 10:46:52 +0200 Subject: [PATCH] Fix n.n.: Linie unter den Tabs im dunklen Thema dezenter Co-Authored-By: Claude Sonnet 5.5 --- Changes.md | 2 +- public/static/app.css | 5 ++++- 2 files changed, 5 insertions(+), 2 deletions(-) diff --git a/Changes.md b/Changes.md index a25cc33..2f05b8f 100644 --- a/Changes.md +++ b/Changes.md @@ -3,7 +3,7 @@ ## 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. -- 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`). ## Automatische Buchungsnummer (01.10.2026) diff --git a/public/static/app.css b/public/static/app.css index e744576..e7332bf 100644 --- a/public/static/app.css +++ b/public/static/app.css @@ -35,6 +35,7 @@ --bereichsschatten: 0 0 10px 3px #c3cbd5; --bereichsschatten-farbe: #c3cbd5; --tabrand: var(--rand); + --tablinie: 1px solid #a9c4ea; --radius: 6px; --schrift: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; @@ -67,6 +68,7 @@ --bereichsschatten: 0 0 10px 3px #243b62; --bereichsschatten-farbe: #243b62; --tabrand: #345a94; + --tablinie: 1px solid #263b5c; } } @@ -95,6 +97,7 @@ --bereichsschatten: 0 0 10px 3px #243b62; --bereichsschatten-farbe: #243b62; --tabrand: #345a94; + --tablinie: 1px solid #263b5c; } * { box-sizing: border-box; } @@ -329,7 +332,7 @@ form.inline { display: inline; margin: 0; } .tableiste { display: flex; gap: .25rem; - border-bottom: var(--bereichsrand); + border-bottom: var(--tablinie); box-shadow: 0 3px 4px -3px var(--bereichsschatten-farbe); margin-bottom: 1.25rem; overflow-x: auto;