[MVC] - Add the ability to pin sidebar items
Proposal
To aid users in getting back to pages/features they frequent most within their groups/projects, we are introducing the capability to be able to "Pin" navigation items for quick access. This would be specific per user and dependent on the GitLab tier available in each group or project.
| Layout | Category item states | Pinned item states |
|---|---|---|
 |
 |
 |
Interaction behavior
Checkout the codepen example @nickbrandt setup to demonstrate basic functionality and interactions. Use this as the basis for evaluating the weight of implementation. We may adjust text and icon choice based on the solution validation.
- Pinned items still appear in their respective category grouping
- Adding a pinned item puts it at the bottom of the list
- There is no limit on the number of pinned items (for now
😅 ) - Pinned items should be expanded by default even when empty. A cookie is set to remember a user's choice to collapse or leave this section expanded.
- When this section is empty, display the message "Add items below for quick access." (Mockup)
- Allow drag and drop to reorder the items only in the pinned section
- If visiting a page directly that is pinned, do not show an active state for its category or item below.
References
Edited by Nick Brandt