Skip to content

Add ScrollScrim component for sidebar scroll

Thomas Hutterer requested to merge sidebar-scroll-scrim into master

What does this MR do and why?

Adds ScrollScrim component for sidebar scroll. (*)

This component could later be extracted as GlScrollScrim into gitlab-ui and reused for our dropdowns etc 🤞

Also aligns horizontal padding of Help menu button.

(*): This almost a 1:1 copy of the scroll scrim behavior that we already have in the GlCollapsibleListbox component.

Screenshots or screen recordings

recording_1699617409

How to set up and validate locally

  • Reduze your window size to give the left sidebar a scrollbar.
  • Scroll! 😀
  • See the "scroll scrim" shadow indicate more content above/below the visible area.

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 Thomas Hutterer

Merge request reports