silentmode/theseus
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(theseus): favorites chips share the row instead of a fixed width

Browse source 
Each chip was a fixed 150 px, so the newest ones ran out of the row
and out of sight. Chips now take the full width while there is room
and shrink together as more are saved, down to an icon and a few
letters, before the row overflows.
This commit is contained in:
Local Dev 2026-09-27 19:55:44 +02:00
parent d4b9de93a6
commit 45b318fc98
1 changed files with 4 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
chrome.html
View file

@ -384,7 +384,10 @@
/* Fixed width (not max-width) so every chip is the same size — the row /* Fixed width (not max-width) so every chip is the same size — the row
reads as a grid. Title-only labels keep this width workable; renderer reads as a grid. Title-only labels keep this width workable; renderer
trims descriptors after " — ". */ trims descriptors after " — ". */
.bm { display: flex; align-items: center; gap: 6px; width: 150px; flex: 0 0 150px; padding: 4px 10px; border-radius: 6px; /* Chips share the row: full width while there is room, shrinking together
(down to an icon and a few letters) as more are saved, instead of a
fixed 150 px that pushed the newest ones out of sight. */
.bm { display: flex; align-items: center; gap: 6px; flex: 1 1 150px; min-width: 44px; max-width: 150px; padding: 4px 10px; border-radius: 6px;
background: var(--surface2); border: 1px solid var(--hover); color: var(--mut); font-size: 12.5px; cursor: grab; white-space: nowrap; } background: var(--surface2); border: 1px solid var(--hover); color: var(--mut); font-size: 12.5px; cursor: grab; white-space: nowrap; }
.bm:hover { background: var(--active); color: var(--ink); } .bm:hover { background: var(--active); color: var(--ink); }
.bm.dragging { opacity: .45; cursor: grabbing; } .bm.dragging { opacity: .45; cursor: grabbing; }