diff --git a/src/static/css/style.css b/src/static/css/style.css index bdfec94..11d097e 100644 --- a/src/static/css/style.css +++ b/src/static/css/style.css @@ -257,7 +257,8 @@ input:focus, select:focus, textarea:focus { } .app-content { - max-width: 1200px; + /* Breite Bildschirme ausnutzen. Ein groesseres Fenster zeigt mehr Tabelle. */ + max-width: 1720px; margin: 0 auto; padding: 24px; } @@ -1017,6 +1018,31 @@ table.show-select .select-col { display: table-cell; } user-select: none; } +/* Schwebende Scroll-Leiste: bleibt am unteren Bildschirmrand sichtbar, + solange die Tabelle im Bild ist (Proxy, synchron zum echten Container) */ +.hscroll-proxy { + position: sticky; + bottom: 0; + overflow-x: auto; + overflow-y: hidden; + height: 14px; + z-index: 5; + background: var(--bg-secondary); +} +.hscroll-proxy > div { height: 1px; } +.hscroll-proxy::-webkit-scrollbar, +.table-wrap::-webkit-scrollbar { height: 11px; } +.hscroll-proxy::-webkit-scrollbar-thumb, +.table-wrap::-webkit-scrollbar-thumb { + background: var(--bg-tertiary); + border-radius: 6px; + border: 2px solid var(--bg-secondary); +} +.hscroll-proxy::-webkit-scrollbar-thumb:hover, +.table-wrap::-webkit-scrollbar-thumb:hover { background: var(--accent); } +.hscroll-proxy::-webkit-scrollbar-track, +.table-wrap::-webkit-scrollbar-track { background: var(--bg-secondary); } + /* Health-Details in der Ausklapp-Zeile */ .src-notes-text { margin-bottom: 8px; } .health-detail-head { diff --git a/src/static/dashboard.html b/src/static/dashboard.html index bb61073..cd74936 100644 --- a/src/static/dashboard.html +++ b/src/static/dashboard.html @@ -6,7 +6,7 @@ AegisSight Monitor-Verwaltung - +