Skip to content

Updated the left navbar horizontal scroll on MacOs

Omer Faruk Merey requested to merge OmerFarukMerey/git-lab-forked-for-mac-os-bug:Issue-333567-MacOS-Horizontal-Scroll-Bug into master

What does this MR do and why?

In MacOS settings when show scroll bars was set to 'always' there would be a horizontal scroll on the left navigation. Disabled this behavior to non horizontal scroll as expected.

Screenshots or screen recordings

Screen_Recording_2022-02-04_at_3.15.42_PM

How to set up and validate locally

1.Inspect .nav-sidebar-inner-scroll 2. Remove @include gl-overflow-auto and change it to overflow-x: hidden; and overflow-y: auto; to avoid horizontal scroll being auto. 3. In MacOS go to System Preferences > General and set 'Show Scroll bars' to Always 4. You can now visit any page with Google Chrome, Mozilla Firefox and Safari to try the new updated navigation bar that has no horizontal scroll.

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 Omer Faruk Merey

Merge request reports