Compare commits

...

2 Commits

Author SHA1 Message Date
blink-so[bot] b3a527b93c chore: retrigger CI 2026-02-02 20:23:38 +00:00
blink-so[bot] 3989d5f1c3 fix(ui): add text truncation to template dropdown menu items
Adds ellipsis text truncation to prevent horizontal scrolling when
template names are long in:
- SelectMenuItem component (used in filter dropdowns)
- WorkspaceResultsRow (template name in create workspace dropdown)
2026-02-02 19:51:37 +00:00
2 changed files with 5 additions and 3 deletions
@@ -137,8 +137,10 @@ export const SelectMenuItem: FC<MenuItemProps> = ({
className={cn("text-sm gap-0 leading-none py-3 px-4", className)}
{...attrs}
>
{children}
{selected && <CheckIcon className="size-icon-xs ml-auto" />}
<span className="overflow-hidden text-ellipsis whitespace-nowrap">
{children}
</span>
{selected && <CheckIcon className="size-icon-xs ml-auto shrink-0" />}
</MenuItem>
);
};
@@ -153,7 +153,7 @@ const WorkspaceResultsRow: FC<WorkspaceResultsRowProps> = ({ template }) => {
overflow: "hidden",
})}
>
<span css={{ whiteSpace: "nowrap", textOverflow: "ellipsis" }}>
<span css={{ whiteSpace: "nowrap", textOverflow: "ellipsis", overflow: "hidden" }}>
{template.display_name || template.name || "[Unnamed]"}
</span>
<span