From 945e7af751ef54ffccd1ecd0f29fa80317fdcd62 Mon Sep 17 00:00:00 2001 From: nesquena-hermes Date: Thu, 7 May 2026 20:50:13 +0000 Subject: [PATCH] fix: keep panel-header label at flex-shrink:2 (preserves shrink hierarchy) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Earlier in this branch I'd reduced .panel-header > span:first-child to flex-shrink:1 thinking it would let heading + chip fit better at the default 300px panel width. That broke test_workspace_label_shrinks_with_ellipsis which pins the git-badge:3 > label:2 > icons:0 shrink hierarchy as load-bearing (git badge collapses first, label second, icons never). The chip-on-narrow-panel concern is now addressed by the @container query that hides the chip entirely below 420px container width — the heading no longer competes with the chip for horizontal space, so flex-shrink:2 is fine again. --- static/style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/static/style.css b/static/style.css index d31f425b..bb10fac4 100644 --- a/static/style.css +++ b/static/style.css @@ -1159,7 +1159,7 @@ label, never the icon buttons. flex-shrink ratios give graceful ellipsis; @container queries below cut to display:none at hard breakpoints. */ .panel-header{padding:12px 16px;border-bottom:1px solid var(--border);font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;display:flex;align-items:center;gap:6px;overflow:visible;} - .panel-header > span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex-shrink:1;} + .panel-header > span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex-shrink:2;} .workspace-panel-heading{cursor:pointer;border-radius:6px;padding:2px 4px;margin:-2px -4px;} .workspace-panel-heading:hover,.workspace-panel-heading:focus{color:var(--text);background:var(--hover-bg);outline:none;} .git-badge{font-size:9px;font-weight:600;color:var(--muted);background:var(--hover-bg);padding:2px 7px;border-radius:4px;letter-spacing:.02em;white-space:nowrap;font-family:'SF Mono',ui-monospace,monospace;flex-shrink:3;overflow:hidden;min-width:0;}