Skip to content

New navigation toggle alignment and spacing

Scott de Jonge requested to merge new-navigation-toggle-alignment into master

What does this MR do and why?

Fix new navigation toggle alignment and spacing

  • Add gl-gap-3 class to parent provide space between label and toggle
  • Add gl-flex-grow-0! class to toggle to override flex-grow: 1 added in gitlab-ui!3561 (merged)

Screenshots or screen recordings

Before After
127.0.0.1_3000_dashboard_todos__4_ 127.0.0.1_3000_dashboard_todos__1_
127.0.0.1_3000_dashboard_todos__3_ 127.0.0.1_3000_dashboard_todos__2_

How to set up and validate locally

  1. Open user menu in new/old navigation
  2. Review toggle alignment and spacing

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 Scott de Jonge

Merge request reports