fix: truncate long bank names in selector dropdown (#505)

Long bank names overflowed the fixed-width selector button. Wraps the
label text in a truncate span so it ellipsizes gracefully.
This commit is contained in:
Derek Bouius 2026-03-05 17:14:36 -05:00 committed by GitHub
parent 1e5aa7de4d
commit 1e40cd22a6
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -375,7 +375,7 @@ function BankSelectorInner() {
aria-expanded={open}
className="w-[250px] justify-between font-bold border-2 border-primary hover:bg-accent"
>
{currentBank || "Select a memory bank..."}
<span className="truncate">{currentBank || "Select a memory bank..."}</span>
<ChevronsUpDown className="ml-2 h-4 w-4 shrink-0 opacity-50" />
</Button>
</PopoverTrigger>