The faceted filter popover used a fixed width of 200px, which clipped
long option labels (e.g. user-defined channel group names) and forced
the truncated text to be unreadable without leaving a way to see the
full value.
- Switch PopoverContent from `w-[200px]` to
`min-w-[200px] max-w-[360px]` so short option lists keep their
current footprint while long labels can expand up to 360px before
the existing truncate kicks in.
- Add `title={t(option.label)}` on the truncated label span so users
can still hover to see the full text on extreme cases.
Closes #4905
| Name |
Last commit
|
Last Update |
|---|---|---|
| .. | ||
| assets | Loading commit data... | |
| components | Loading commit data... | |
| config | Loading commit data... | |
| context | Loading commit data... | |
| features | Loading commit data... | |
| hooks | Loading commit data... | |
| i18n | Loading commit data... | |
| lib | Loading commit data... | |
| routes | Loading commit data... | |
| stores | Loading commit data... | |
| styles | Loading commit data... | |
| env.d.ts | Loading commit data... | |
| main.tsx | Loading commit data... | |
| routeTree.gen.ts | Loading commit data... | |
| tanstack-table.d.ts | Loading commit data... |