Skip to content

Commit a962cbf

Browse files
chore(ui): widen mention/plus dropdown to 420px
Long resource names were truncating in a 320px-wide menu. Bump to 420px and cap with max-w on viewport so it can't overflow on small screens. Overrides the emcn DropdownMenuContent's default max-w-[220px] via twMerge. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
1 parent bc1aeb5 commit a962cbf

1 file changed

Lines changed: 1 addition & 1 deletion

File tree

apps/sim/app/workspace/[workspaceId]/home/components/user-input/components/plus-menu-dropdown.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -245,7 +245,7 @@ export const PlusMenuDropdown = React.memo(
245245
side='top'
246246
sideOffset={8}
247247
avoidCollisions={!isMention}
248-
className='flex w-[320px] flex-col overflow-hidden'
248+
className='flex w-[420px] max-w-[calc(100vw-32px)] flex-col overflow-hidden'
249249
onCloseAutoFocus={handleCloseAutoFocus}
250250
onOpenAutoFocus={handleOpenAutoFocus}
251251
onKeyDown={handleContentKeyDown}

0 commit comments

Comments
 (0)