Merge branch '57551-collapse-board-list-fix' into 'master'

Add flex styles to board list only if board list is expanded

Closes #57551

See merge request gitlab-org/gitlab-ce!25113

(cherry picked from commit 453dec0a)

df5882ee Add flex styles to board list only if board list is expanded

app/assets/javascripts/boards/components/board_list.vue

@@ -221,7 +221,7 @@ export default {
 </script>
 <template>
-  <div class="board-list-component d-flex flex-column">
+  <div class="board-list-component">
     <div v-if="loading" class="board-list-loading text-center" aria-label="Loading issues">
       <gl-loading-icon />
     </div>

app/assets/stylesheets/pages/boards.scss

@@ -164,6 +164,13 @@
       display: none;
     }
   }
+
+  &:not(.is-collapsed) {
+    .board-list-component {
+      display: flex;
+      flex-direction: column;
+    }
+  }
 }
 .board-inner {