Fix hidden notifications dropdown on zoomed in screens
What does this MR do and why?
Related to #335299 (closed)
Currently, when zoomed in, the notifications dropdown on the project/group overview page will be displayed above the toggle button. This causes it to be hidden behind the navigation. There isn't room for these dropdowns to be shown above the toggle button so we should always shown them below.
This MR passes the noFlip
prop to GlDropdown
so the dropdown is always shown below the toggle button.
Screenshots or screen recordings
Project
Before | After |
---|---|
![]() |
![]() |
Group
Before | After |
---|---|
![]() |
![]() |
User notifications
Unchanged, we want these dropdowns to be able to flip since there is enough room at the top and not enough room at the bottom
Before | After |
---|---|
![]() |
![]() |
How to set up and validate locally
- In Safari navigate to a project or group
- Zoom in as far as you can
⌘ +
- Open the notifications dropdown
MR acceptance checklist
This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.
-
I have evaluated the MR acceptance checklist for this MR.
Edited by Peter Hegman