Skip to content

[6.x] Resizable sidebar#14369

Closed
jaygeorge wants to merge 13 commits into6.xfrom
resizable-sidebar
Closed

[6.x] Resizable sidebar#14369
jaygeorge wants to merge 13 commits into6.xfrom
resizable-sidebar

Conversation

@jaygeorge
Copy link
Copy Markdown
Contributor

What this PR Does

This is part of the new forms experience, which has 2 resizable sidebars.
The "left" sidebar could be used anywhere in the CP at the moment, so I'm making this PR.

This PR:

  • Renames nav-main to cp-sidebar-start. Since we'll have "left" and "right" sidebars, this makes more sense. I could have called it cp-sidebar-left, but I wanted to think ahead and use logical naming conventions for RTL support. FYI the second bar will be called cp-sidebar-end.
  • Makes the sidebar resizable in Vue, with a sensible min/max width
  • You can always double-click the resize bar to reset its size

How to Reproduce

  1. On any page hover over the line that divides the sidebar and the main content
  2. Drag around to observe the min/max values in place
  3. Double click to reset the navbar size

@duncanmcclean duncanmcclean marked this pull request as draft March 27, 2026 14:27
@duncanmcclean
Copy link
Copy Markdown
Member

duncanmcclean commented Mar 27, 2026

Replaced by #14378

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.

2 participants