Skip to content

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)

2016-09-14_15.50.46

Does this MR meet the acceptance criteria?

What are the relevant issue numbers?

Closes #20052 (closed)

Merge request reports