Skip to content

GitLab Next

GitLab Docs
GitLab Docs
Open
Opened by Jacques Erasmus@jerasmus🔴Maintainer0 of 4 tasks completed0/4 tasks

Make sidebar navigation mobile friendly

Currently, the sidebar navigation is not mobile-friendly on all devices.

On the iPhone X, for instance, the menu cannot be opened/closed.

To solve this we can refer to the sidebar navigation layout in gitlab.com

Screenshots

docs gitlab.com
Screenshot_2020-02-26_at_09.02.14 Screenshot_2020-02-26_at_09.02.36
Screenshot_2020-02-26_at_09.06.34 Screenshot_2020-02-26_at_09.06.44
  • Add a hamburger toggle to the top left.
  • Collapse the menu completely (get rid of the grey gutter when collapsed).
  • Add an x Close sidebar toggle to the menu when expanded.
  • Add a grey overlay to the content behind the menu when expanded.