diff --git a/src/pages/AdminPage.css b/src/pages/AdminPage.css index 7366ed4..58928ff 100644 --- a/src/pages/AdminPage.css +++ b/src/pages/AdminPage.css @@ -1,5 +1,8 @@ -.admin-page { +/* .page (global.css, wird danach geladen) gewinnt bei gleicher Spezifitaet: darum .page.admin-page */ +.page.admin-page { max-width: 1480px; +} +.admin-page { padding-bottom: 48px; } diff --git a/src/styles/global.css b/src/styles/global.css index 3487f26..dce996d 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -248,6 +248,7 @@ h2.section .link { font-size: 14px; font-weight: 500; } .tab:hover { color: var(--text); } .tab.active, .tab[aria-selected="true"] { color: var(--accent-ink); border-bottom-color: var(--accent); font-weight: 600; } .tab .count { color: var(--text-3); font-weight: 400; margin-left: 4px; font-variant-numeric: tabular-nums; } +.tab:focus-visible, .nav-item:focus-visible { outline-offset: -2px; } /* in Scroll-Containern (.tabs, .nav) wuerde der Ring sonst abgeschnitten */ /* ---------- Filterzeile ---------- */ @@ -271,6 +272,7 @@ h2.section .link { font-size: 14px; font-weight: 500; } .input[aria-invalid="true"], .select[aria-invalid="true"], .textarea[aria-invalid="true"], .form-control[aria-invalid="true"], .input.is-invalid, .select.is-invalid, .textarea.is-invalid, .form-control.is-invalid { box-shadow: 0 0 0 1px var(--danger), 0 0 0 4px var(--danger-ring); } .input::placeholder, .textarea::placeholder { color: var(--text-3); } +.input[readonly], .textarea[readonly] { background: var(--bg-subtle); } .search { width: 300px; } .select-quiet { box-shadow: none; padding-left: 0; color: var(--text-2); font-weight: 500; background-color: transparent; } @@ -1136,4 +1138,15 @@ div.row { display: flex; flex-wrap: wrap; margin: 0 -8px; } text-decoration: underline; text-decoration-color: var(--line-strong); text-underline-offset: 3px; text-decoration-thickness: 1px; } .fin-link:hover, .legal-files a:hover, .credit-cols a:hover, .area-rows a:hover { text-decoration-color: currentColor; } + +/* Abschnitte (Card =
) als Spalten nebeneinander: der Abstand .page section + section gilt nur fuer untereinander stehende Abschnitte */ +.planboard-scroll section + section, .legal-grid > section + section, .fin-cols > section + section, +.page div[style*="display: grid"] > section + section { margin-top: 0; } + +/* Altformulare mit (Kunde, Projekt zuweisen, Neuer Lead): Zeilenabstand wie frueher; neue Container bestimmen ihren Abstand selbst */ +.page .field { margin-bottom: 12px; } +.dialog-body .field, .field-row .field, .field-row-3 .field, .kv .field { margin-bottom: 0; } + +/* Kennzahlen nebeneinander (LiquidityHead), bis P7 sie ersetzt */ +.kpi-grid { display: flex; flex-wrap: wrap; gap: 48px; } /* ===== ENDE KOMPAT ===== */