m/paliad
1
0
Fork 0
Code Issues 146 Pull Requests 8 Actions 3 Packages Projects Releases Wiki Activity

fix(t-paliad-055): dashboard horizontal scroll on narrow viewports

Browse Source 
The Kommende Fristen / Termine cards forced the page wider than the
viewport on mobile. Root cause: .dashboard-col is a CSS Grid item with
the default min-width: auto, so its track sized to the min-content of
the deeply nested .dashboard-list-link content (nowrap title + ref +
badge), expanding the single-column grid track to ~641px even when the
viewport is 375px.

Set min-width: 0 on .dashboard-col so the grid track can shrink to its
column width and the existing text-overflow: ellipsis on the title/ref
spans does the rest.

Verified at 375x900: no horizontal page scroll, columns 327px each,
long titles truncate with ellipsis. Desktop >=768px unchanged
(1fr 1fr -> 504px each at 1280 wide).
This commit is contained in:
m
2026-04-27 16:04:56 +02:00
parent bad65c3ffe
commit 4e796c5627
1 changed files with 5 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
frontend/src/styles/global.css
View File

@@ -5134,6 +5134,11 @@ input[type="range"]::-moz-range-thumb {
border-radius: var(--radius);
padding: 1.25rem 1.4rem;
box-shadow: var(--shadow);
/* Grid items default to min-width: auto, which sizes to min-content.
Without this, the nowrap title/ref strings inside .dashboard-list-link
force the column wider than its grid track and overflow the page on
narrow viewports. */
min-width: 0;
}
.dashboard-list {