diff --git a/src/static/css/style.css b/src/static/css/style.css index 8620aa3..68a47b6 100644 --- a/src/static/css/style.css +++ b/src/static/css/style.css @@ -1401,3 +1401,37 @@ details.adv-section .adv-hint { grid-column: 1 / -1; font-size: 12px; color: var .card-link:hover, .card-link:focus-visible { border-color: var(--accent); } .card-link .card-link-chevron { color: var(--text-muted); transition: color 0.15s ease, transform 0.15s ease; } .card-link:hover .card-link-chevron { color: var(--accent); transform: translateX(2px); } + +/* === Org-Detail als durchgehende Seite (statt Unterreitern) === */ +.detail-panel.active { display: flex; flex-direction: column; } +#orgDetailTabs { order: 1; position: sticky; top: 61px; background: var(--bg-primary); z-index: 50; } +.org-block { margin-top: 26px; scroll-margin-top: 120px; } +#sub-tokens { order: 2; } +#sub-users { order: 3; } +#sub-org-licenses { order: 4; } +#sub-settings { order: 5; } +.org-block-title { + font-size: 16px; + margin-bottom: 12px; + padding-bottom: 6px; + border-bottom: 1px solid var(--border); + color: var(--text-primary); +} + +/* === Kontingent-Spalte in der Org-Tabelle === */ +.org-row { cursor: pointer; } +.mini-bar { + width: 90px; + height: 5px; + border-radius: 3px; + background: var(--bg-tertiary); + overflow: hidden; + margin-top: 3px; +} +.mini-bar-fill { height: 100%; background: var(--success); border-radius: 3px; } +.mini-bar-fill.warning { background: var(--warning); } +.mini-bar-fill.critical { background: var(--danger); } + +/* === Klickbare Eintraege in der Ablauf-Liste === */ +.expiring-item-link { cursor: pointer; border-radius: var(--radius); transition: background 0.15s ease; } +.expiring-item-link:hover, .expiring-item-link:focus-visible { background: var(--bg-hover); } diff --git a/src/static/dashboard.html b/src/static/dashboard.html index 241fc42..05b78f2 100644 --- a/src/static/dashboard.html +++ b/src/static/dashboard.html @@ -6,7 +6,7 @@ AegisSight Monitor-Verwaltung - +