Merge branch 'psi-swimlane-scrollcontainer' into 'master'

Add inner scroll container to swimlanes

See merge request gitlab-org/gitlab!54172

ee/app/assets/javascripts/boards/components/epics_swimlanes.vue

@@ -104,10 +104,12 @@ export default {
 
 <template>
   <div
-    class="board-swimlanes gl-white-space-nowrap gl-pb-5 gl-px-3"
+    ref="scrollableContainer"
+    class="board-swimlanes gl-white-space-nowrap gl-pb-5 gl-px-3 gl-display-flex gl-flex-grow-1"
     data-testid="board-swimlanes"
     data_qa_selector="board_epics_swimlanes"
   >
+    <div>
       <component
         :is="treeRootWrapper"
         v-bind="treeRootOptions"
@@ -134,7 +136,7 @@ export default {
           />
         </div>
       </component>
-    <div class="board-epics-swimlanes gl-display-table">
+      <div class="board-epics-swimlanes gl-display-table gl-pb-5">
         <epic-lane
           v-for="epic in epics"
           :key="epic.id"
@@ -177,7 +179,11 @@ export default {
           </div>
         </div>
       </div>
-    <div v-if="hasMoreUnassignedIssues" class="gl-p-3 gl-pr-0 gl-sticky gl-left-0 gl-max-w-full">
+      <div
+        v-if="hasMoreUnassignedIssues"
+        class="gl-p-3 gl-sticky gl-left-0"
+        style="max-width: 100vw"
+      >
         <gl-button
           category="tertiary"
           variant="info"
@@ -188,4 +194,5 @@ export default {
         </gl-button>
       </div>
     </div>
+  </div>
 </template>