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" />
|
<ChevronDown className="size-4 self-center text-gold-soft" aria-hidden="true" />
|
||||||
</DropdownMenuTrigger>
|
</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">
|
<DropdownMenuLabel className="text-xs text-muted-foreground">
|
||||||
פתח דאשבורד Paperclip
|
פתח דאשבורד Paperclip
|
||||||
</DropdownMenuLabel>
|
</DropdownMenuLabel>
|
||||||
@@ -130,11 +130,11 @@ export function AppShell({ children }: { children: ReactNode }) {
|
|||||||
href={`${PAPERCLIP_BASE}/${board.prefix}/dashboard`}
|
href={`${PAPERCLIP_BASE}/${board.prefix}/dashboard`}
|
||||||
target="_blank"
|
target="_blank"
|
||||||
rel="noreferrer noopener"
|
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="font-medium whitespace-nowrap">{board.label}</span>
|
||||||
<span className="text-xs text-muted-foreground tracking-wide">
|
<span className="text-xs text-muted-foreground tracking-wide whitespace-nowrap">
|
||||||
{board.prefix} · {board.hint}
|
<span className="font-mono">{board.prefix}</span> · {board.hint}
|
||||||
</span>
|
</span>
|
||||||
</a>
|
</a>
|
||||||
</DropdownMenuItem>
|
</DropdownMenuItem>
|
||||||
|
|||||||
Reference in New Issue
Block a user