Skip to content

Add inner scroll container to swimlanes

Simon Knox requested to merge psi-swimlane-scrollcontainer into master

What does this MR do?

No visual changes

I want to add a form next to swimlanes for #299487 (closed), but it needs to be outside of the Draggable container. Partly do prevent dragging cards onto it, partly so we can easily limit the height to the height of the screen (it doesn't scroll like the other swimlane columns).

  1. Added display: flex to the outer container, then a div to wrap the current contents (each of the swimlane rows, then the 'Load more issues' button).
  2. Added max-width to the button at the bottom, and a max-width of 100vw. This means it is slightly off centre until you scroll to the right, then it evens up (which also visually indicates the end of the list!)

Screenshots (strongly suggested)

Before:

Screen_Recording_2021-02-15_at_12.33.08_pm

After:

Screen_Recording_2021-02-15_at_12.02.13_pm

Merge request reports