Skip to content

MacOS remove horizontal scroll in left navigation

Omer Faruk Merey requested to merge OmerFarukMerey/git-lab-forked-for-mac-os-bug:Issue-333567-MacOS-Horizontal-Scroll-Bar 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.

Issue #333567 (closed)

Screenshots or screen recordings

Before

Screen_Recording_2021-06-14_at_8.36.56_AM

After

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 gl-overflow-x: hidden; and gl-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 Ragnar Hardarson

Merge request reports