vinzenz/hyperhive
vinzenz/hyperhive
Watch
0
0
Fork
You've already forked hyperhive
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

fix(#1029): prevent tab labels from wrapping to next line

Browse source 
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.
This commit is contained in:
iris 2026-06-01 22:02:53 +02:00 • committed by mara
commit 9efe9ca175
1 changed files with 2 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

3
frontend/packages/dashboard/src/dashboard.css
View file

@ -55,6 +55,7 @@ body.dashboard-shell {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
gap: 0.5em; gap: 0.5em;
flex-shrink: 0;
padding: 0.55em 1em 0.45em; padding: 0.55em 1em 0.45em;
margin-bottom: -1px; /* overlap the tabbar bottom border */ margin-bottom: -1px; /* overlap the tabbar bottom border */
color: var(--muted); color: var(--muted);
@ -80,7 +81,7 @@ body.dashboard-shell {
yields under it via the -1px margin above. */ yields under it via the -1px margin above. */
box-shadow: 0 -2px 12px -4px rgba(203, 166, 247, 0.4); 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 { .tab-count {
display: inline-block; display: inline-block;
background: var(--purple-dim); background: var(--purple-dim);