peter/siftlode
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(filters): stop the channel list squashing its own rows flat

Browse Source 
The picker's list is a flex column with a max height, so its fifty buttons were
flex children free to shrink: each collapsed to ~12px and clipped its own text
into an unreadable smudge instead of the box scrolling. shrink-0 on the rows.

Colour, contrast (9.03) and opacity all measured fine — the height was the
broken part, and no colour check was ever going to see that.
This commit is contained in:
peter
2026-07-16 00:16:32 +02:00
parent 3caef7f6f9
commit 452fbd43de
1 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/ChannelPicker.tsx
+3 -1
View File
@@ -68,7 +68,9 @@ export default function ChannelPicker({
<button <button
key={c.id} key={c.id}
onClick={() => setFilters({ ...filters, channelId: c.id, channelName: c.title ?? undefined })} onClick={() => setFilters({ ...filters, channelId: c.id, channelName: c.title ?? undefined })}
className="w-full text-left text-sm px-2 py-1.5 rounded-lg text-muted hover:text-fg hover:bg-card truncate transition" // shrink-0 is load-bearing: these are flex children in a max-height box, so without it
// fifty of them squash to ~12px each and clip their own text instead of scrolling.
className="w-full shrink-0 text-left text-sm px-2 py-1.5 rounded-lg text-muted hover:text-fg hover:bg-card truncate transition"
> >
{c.title ?? c.id} {c.title ?? c.id}
</button> </button>