fix(dashboard): Tabellenköpfe kleben unter der Filterleiste (#203 P3) - #208
Merged
Conversation
Die sticky Filterleiste (top:0, z-10) verdeckte beim Scrollen die Tabellenkoepfe — die 8-Spalten-Tabellen (Kalibrierung, Vergleich) waren ohne Spaltenlabels unlesbar. Constraint: .table-wrap hat overflow-x:auto (#203 P2) — ein overflow- Container ist sticky-Containing-Block, vertikales thead-Sticky gegen die Seite geht dort nicht. Hybrid am bestehenden 1200px-Breakpoint: - >=1201px (alle Spalten passen ohne Horizontal-Scroll): overflow freigeben, thead th sticky bei top:49px (Filterleisten-Hoehe 48+1), z-5 unter der Leiste (z-10); border-bottom als box-shadow, weil border-collapse die Borders gepinnter th mitscrollen laesst. - <=1200px: unveraendert overflow-x:auto, thead static (P2-Verhalten). Playwright-Layout-Test ueber beide Tabellen x beide Breiten (1440/1100): thead haengt bei 1440 buendig unter der Leiste (top 49 vs. bar-bottom 48) waehrend die Tabelle bei -200px liegt; 1100 behaelt overflow-x:auto + static. Eck-Check hell+dunkel: kein sichtbarer border-radius-Bruch durch overflow:visible (th-Hintergrund farbgleich mit Wrap).
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Problem (#203 P3)
Die sticky Filterleiste verdeckte beim Scrollen die Tabellenköpfe — die 8-Spalten-Tabellen (Kalibrierung, Vergleich) waren ohne Spaltenlabels unlesbar (Belege im Issue: ux-scroll-compare.png, ux-scroll-calib.png).
Constraint & Lösung
.table-wraphat seit dem P2-Quickfixoverflow-x:auto— ein Overflow-Container ist Sticky-Containing-Block, vertikales thead-Sticky gegen die Seite funktioniert darin nicht. Beides zugleich kann ein thead nicht; daher Hybrid am bestehenden 1200px-Breakpoint:thead thsticky beitop:49px(Filterleisten-Höhe 48px + 1px Border),z-index:5unter der Leiste (z-10).border-bottomalsbox-shadow, weilborder-collapsedie Borders gepinnter th mitscrollen lässt.overflow-x:auto, thead static — das P2-Verhalten (erreichbare rechte Spalten) bleibt.Verifikation (Layout-Test über alle Tabellen, wie im Issue gefordert)
th.top=49vs.bar.bottom=48), während die Tabelle 200px über den Viewport hinausgescrollt ist — fürcalib-tableundcmp-tableoverflow-x:auto+position:staticunverändertoverflow:visible(Mistral-Review-Fund geprüft: überstehender th-Hintergrund ist farbgleich mit dem Wrap — ohne visuellen Effekt)Hinweis
Kein Konflikt mit PR #207 (andere Hunks derselben Datei). Nach Merge von #207 zeigen die Tabellen zusätzlich DE-Zahlen.