From 9efe9ca175ed344214cc27603901366f9d0dd885 Mon Sep 17 00:00:00 2001 From: iris Date: Mon, 1 Jun 2026 22:02:53 +0200 Subject: [PATCH] fix(#1029): prevent tab labels from wrapping to next line MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Add white-space: nowrap to .tab-label so text like '◆ Y3R C4LL ◆' never breaks at spaces. Add flex-shrink: 0 to .tabbar .tab so tabs keep their natural width rather than compressing — overflow detection then correctly moves tabs that don't fit into the ⋮ dropdown. --- frontend/packages/dashboard/src/dashboard.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/frontend/packages/dashboard/src/dashboard.css b/frontend/packages/dashboard/src/dashboard.css index 2578cbdd..272b256b 100644 --- a/frontend/packages/dashboard/src/dashboard.css +++ b/frontend/packages/dashboard/src/dashboard.css @@ -55,6 +55,7 @@ body.dashboard-shell { display: inline-flex; align-items: center; gap: 0.5em; + flex-shrink: 0; padding: 0.55em 1em 0.45em; margin-bottom: -1px; /* overlap the tabbar bottom border */ color: var(--muted); @@ -80,7 +81,7 @@ body.dashboard-shell { yields under it via the -1px margin above. */ box-shadow: 0 -2px 12px -4px rgba(203, 166, 247, 0.4); } -.tab-label { font-weight: bold; } +.tab-label { font-weight: bold; white-space: nowrap; } .tab-count { display: inline-block; background: var(--purple-dim);