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
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:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user