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 5d787ed251
commit c4a812a0d8
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
reads as a grid. Title-only labels keep this width workable; renderer
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; }
.bm:hover { background: var(--active); color: var(--ink); }
.bm.dragging { opacity: .45; cursor: grabbing; }