Skip to content

fix(admin-ui): truncate long sidebar menu item names to prevent layout overflow - #5561

Merged
Pavel910 merged 3 commits into
release/6.4.7from
fix/sidebar-long-model-name-truncation
Aug 6, 2026
Merged

fix(admin-ui): truncate long sidebar menu item names to prevent layout overflow#5561
Pavel910 merged 3 commits into
release/6.4.7from
fix/sidebar-long-model-name-truncation

Conversation

@Pavel910

@Pavel910 Pavel910 commented Aug 6, 2026

Copy link
Copy Markdown
Collaborator

Summary

  • Long content model names in the sidebar navigation were pushing the menu wider than the sidebar, hiding the expand/collapse chevrons on parent groups
  • Sub-menu item text now truncates with ellipsis instead of overflowing
  • Pin icon on hover no longer overlaps with truncated text

Changes

  • SidebarContent.tsx — override Radix ScrollArea's internal display: table div to display: block to prevent content-driven width expansion
  • SidebarRoot.tsx — add overflow-hidden to the sidebar's inner container
  • SidebarMenuSubButton.tsx — wrap text in truncate span; add min-w-0 to outer flex container; add pr-xl when a pin action is present
  • SidebarMenuSubItem.tsx — add min-w-0 to <li> and intermediate flex wrappers so flex children can shrink
  • .mcp.json — add stdlib and codegraph MCP servers

Test plan

  • Create or rename a content model with a very long name
  • Verify the sidebar does not expand beyond its fixed width
  • Verify the expand/collapse chevrons remain visible on all parent groups
  • Verify the model name shows an ellipsis when truncated
  • Verify the pin icon on hover does not overlap with text
  • Verify short model names still display normally

Pavel910 and others added 3 commits August 6, 2026 15:16
…visual update until confirmed

- Pass dropConfirmation prop from ContentEntryListConfig to FolderTree in SidebarContent
- Move presenter.handleDrop after onDrop callback in Tree's useTree so the visual
  tree update only applies after the consumer's callback resolves
- Wrap confirmation dialog in a promise so onDrop blocks until user confirms or cancels
- Pass onClose callback through useConfirmMoveFolderDialog to detect cancellation
- Add test extension for Browser.Folder.DropConfirmation
…t overflow

- Override Radix ScrollArea's display:table inner div to display:block in
  SidebarContent to prevent content-driven width expansion
- Add overflow-hidden to the sidebar's inner container
- Add truncate to sub-menu item text in SidebarMenuSubButton
- Add min-w-0 to sub-menu flex containers so children can shrink
- Add right padding on sub-menu items with pin actions to prevent
  ellipsis from rendering behind the pin icon
- Add stdlib and codegraph MCP servers to .mcp.json
@Pavel910 Pavel910 self-assigned this Aug 6, 2026
@Pavel910 Pavel910 added this to the 6.4.7 milestone Aug 6, 2026
@Pavel910
Pavel910 merged commit 14ffdb9 into release/6.4.7 Aug 6, 2026
18 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant