fix(ui): stack agent dropdown items vertically to stop multi-line wrapping
All checks were successful
Build & Deploy / build-and-deploy (push) Successful in 34s

The previous layout used `justify-between` with the board name and the
prefix·hint hint on the same row. With Hebrew labels + the long hint
"תיקי 8xxx / 9xxx" the row overflowed the 220px content and wrapped the
hint into 2-3 lines, breaking visual alignment.

Stacks each item now: bold board name on top, dim prefix·hint underneath.
Adds whitespace-nowrap to both lines and bumps min-width to 240px so the
content drives the dropdown width instead of fighting it.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-05-03 18:21:48 +00:00
parent cca17689de
commit 01ea902156

View File

@@ -119,7 +119,7 @@ export function AppShell({ children }: { children: ReactNode }) {
<ChevronDown className="size-4 self-center text-gold-soft" aria-hidden="true" />
</DropdownMenuTrigger>
<DropdownMenuContent align="end" sideOffset={10} className="min-w-[220px]">
<DropdownMenuContent align="end" sideOffset={10} className="min-w-[240px]">
<DropdownMenuLabel className="text-xs text-muted-foreground">
פתח דאשבורד Paperclip
</DropdownMenuLabel>
@@ -130,11 +130,11 @@ export function AppShell({ children }: { children: ReactNode }) {
href={`${PAPERCLIP_BASE}/${board.prefix}/dashboard`}
target="_blank"
rel="noreferrer noopener"
className="flex items-baseline justify-between gap-3 cursor-pointer"
className="flex flex-col gap-0.5 cursor-pointer py-1.5"
>
<span className="font-medium">{board.label}</span>
<span className="text-xs text-muted-foreground tracking-wide">
{board.prefix} · {board.hint}
<span className="font-medium whitespace-nowrap">{board.label}</span>
<span className="text-xs text-muted-foreground tracking-wide whitespace-nowrap">
<span className="font-mono">{board.prefix}</span> · {board.hint}
</span>
</a>
</DropdownMenuItem>