Adjust height of "Add list" dropdown in issue boards

app/assets/stylesheets/framework/dropdowns.scss

@@ -32,6 +32,10 @@
     max-height: $dropdown-max-height;
     overflow-y: auto;
+    &.dropdown-extended-height {
+      max-height: 400px;
+    }
+
     @include media-breakpoint-down(xs) {
       width: 100%;
     }

app/assets/stylesheets/pages/boards.scss

@@ -29,10 +29,6 @@
 .dropdown-menu-issues-board-new {
   width: 320px;
-  .open & {
-    max-height: 400px;
-  }
-
   .dropdown-content {
     max-height: 162px;
   }

app/views/shared/issuable/_board_create_list_dropdown.html.haml

 .dropdown.prepend-left-10#js-add-list
   %button.btn.btn-success.btn-inverted.js-new-board-list{ type: "button", data: board_list_data }
     Add list
-  .dropdown-menu.dropdown-menu-paging.dropdown-menu-right.dropdown-menu-issues-board-new.dropdown-menu-selectable.js-tab-container-labels
+  .dropdown-menu.dropdown-extended-height.dropdown-menu-paging.dropdown-menu-right.dropdown-menu-issues-board-new.dropdown-menu-selectable.js-tab-container-labels
     = render partial: "shared/issuable/label_page_default", locals: { show_footer: true, show_create: true, show_boards_content: true, title: "Add list" }
     - if can?(current_user, :admin_label, board.parent)
       = render partial: "shared/issuable/label_page_create"

changelogs/unreleased/winh-add-list-dropdown-height.yml

+---
+title: Adjust height of "Add list" dropdown in issue boards
+merge_request: 24227
+author:
+type: fixed