BuzzbeeSCD/openchamber
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(ui): prevent status row controls from overlapping on narrow mobile #2590

Browse Source
This commit is contained in:
Bohdan Triapitsyn
2026-08-03 12:56:05 +03:00
committed by GitHub
parent 2c52240f8e b9447f0ffb
commit 753e4cccaa
1 changed files with 3 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/ui/src/index.css
+3 -9
View File
@@ -930,21 +930,15 @@ html:not(.dark) .chat-scroll {
} }
} }
/* Status row: collapse optional text when narrow to keep both sides in one line. /* Hide the long active todo before it can collide with the changed-files summary. */
*
* The todo text goes first, and it goes early. The changed-files summary on the
* left has a floor it cannot shrink past — the file count, the +/- counts and
* the chevron are all fixed width — so once the two sides no longer fit, they
* collide rather than politely truncating. 30rem was measured against the todo
* text alone; with a changed-files summary beside it the collision starts around
* 36rem, so this hides one step before that. */
@container status-row (max-width: 38rem) { @container status-row (max-width: 38rem) {
.status-row__active-todo { .status-row__active-todo {
display: none; display: none;
} }
} }
@container status-row (max-width: 24rem) { /* Hide the secondary changed-files label on narrow mobile layouts. */
@container status-row (max-width: 30rem) {
.status-row__changed-label { .status-row__changed-label {
display: none; display: none;
} }