Fine-tune context switcher UX
What does this MR do and why?
This improves the context switcher UX buy...
- ...making search sections collapsible.
- ...truncating nav items' titles and subtitles to prevent the menus from taking too much vertical space, or an horizontal scrollbar from appearing.
- ...adding the persistent links below the search input. Until now, we already showed the "Your work" and "Explore" links, but those were still mocked in the frontend. Now, all links are built in the backend, and we add a link to the admin area if the user is authorized.
Makes search results collapsible in the context switcher. Also adds truncation to displayed items to prevent long titles from taking up too much space.
Screenshots or screen recordings
Before | After |
---|---|
Sections collapsed |
---|
Screen recording |
---|
collapse |
Persistent links |
---|
How to set up and validate locally
- Enable the new nav:
- In the super sidebar, click on the context title to expand the context switcher.
MR acceptance checklist
This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.
-
I have evaluated the MR acceptance checklist for this MR.
Related to #378541 (closed)
Edited by Paul Gascou-Vaillancourt