This PR fixes a layout overflow issue in the file list page sidebar, where long folder names, collection names, and share link names would stretch the sidebar wide instead of truncating correctly.
Changes
Added [&>div>div]:block! to the parent <ScrollArea> components in folder-tree.tsx to override Radix UI's internal viewport wrapper style from display: table to display: block !important.
Added min-w-0 to the flex container rows of folders, collections, and share links so that they are constrained to the width of the sidebar.
Added shrink-0 to toggle chevron buttons, icons, and action menu triggers to prevent them from squishing when text truncates.
Summary
This PR fixes a layout overflow issue in the file list page sidebar, where long folder names, collection names, and share link names would stretch the sidebar wide instead of truncating correctly.
Changes
[&>div>div]:block!to the parent<ScrollArea>components infolder-tree.tsxto override Radix UI's internal viewport wrapper style fromdisplay: tabletodisplay: block !important.min-w-0to the flex container rows of folders, collections, and share links so that they are constrained to the width of the sidebar.shrink-0to toggle chevron buttons, icons, and action menu triggers to prevent them from squishing when text truncates.Verification
Ran workspace verification checks:
bun run format(Passed)bun run lint(Passed)bun run typecheck(Passed)bun run test(Passed)Notes
None.