Skip to content

Update collapsible title color font and size in new navigation

What does this MR do and why?

Updates the collapsible menu sections to match the design vision in Figma. This helps visually differentiate these sections from the page items listed underneath them.The Admin Area and Your work are intentionally unaffected and will be addressed in subsequent issues (#410137, #410142, &5093)

The merge request one is trickiest because it is linked with our shortcut buttons in the sidebar which might change our direction like in this mockup.

Related #404802 (closed), ✨ Polishing the navigation redesign (#391523 - closed) • Austin Regnery • Next 1-3 releases

Screenshots or screen recordings

Before After
Screenshot_2023-05-10_at_09-14-35_Issues___Gitlab_Org___Gitlab_Shell___GitLab Screenshot_2023-05-10_at_09-24-08_Issues___Gitlab_Org___Gitlab_Shell___GitLab

How to set up and validate locally

  1. Turn on the new navigation
  2. Navigate to a group or project
  3. Review the text style changes to the pinned section and the collections below.

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

Edited by Austin Regnery

Merge request reports