Flip dropdowns in fluid table if they overflow when open
What does this MR do?
This MR introduces firstly a max-height
of 250px
to the dropdown menus and set's overflow: scroll
for scrollable menus.
Secondly it adds GLTableDropdown
a class used in a jQuery plugin to be used on fluid container elements. The class with check the fluid container element specified for all the .gl-table-dropdown
dropdowns.
It will then check each .gl-table-dropdown
's in the table to see if, when opened, they will overflow the table container vertically. If they do, it will force the dropdown to drop up.
Are there points in the code the reviewer needs to double check?
Why was this MR needed?
As shown in #20052 (closed), the pipeline dropdown would increase the height of the table scrollable container, forcing the user to scroll down again to view the artifacts. These dropdowns can get preeeeeeetty long.
Screenshots (if relevant)
Does this MR meet the acceptance criteria?
-
CHANGELOG entry added -
Documentation created/updated -
API support added - Tests
-
Added for this feature/bug -
All builds are passing
-
-
Conform by the merge request performance guides -
Conform by the style guides -
Branch has no merge conflicts with master
(if you do - rebase it please) -
Squashed related commits together
What are the relevant issue numbers?
Closes #20052 (closed)