Added max-width to multi-select-button

Because of its usage this element can get quite long the more options are added. This PR replaces the max-width(100%) from GOVUK and changes to 12.5em
mysociety · Dec 19, 2024 · b252d94 · b252d94
1 parent 5ee915d
commit b252d94
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 4 deletions.
diff --git a/web/cobrands/sass/_dashboard.scss b/web/cobrands/sass/_dashboard.scss
@@ -296,10 +296,6 @@
 }
 
 .dashboard-filters {
-    .multi-select-button {
-        max-width: 10em;
-    }
-
     .form-control {
         // To make them have the same height as the .multi-select-button
         height: 3.3em;

diff --git a/web/cobrands/sass/_multiselect.scss b/web/cobrands/sass/_multiselect.scss
@@ -126,6 +126,8 @@
     position: relative;
     white-space: nowrap;
     line-height: 1.5rem;
+    // .govuk-select has a max-width of 100%, this makes the multi-select-button to get wider and wider the more options the users clicks.
+    max-width: 12.5em !important;
 }
 
 .multi-select-container--open {