feat(select): Tweaking max-height for the options container - FRONT-3542

ec-europa · Jan 31, 2023 · bebd4fd · bebd4fd
1 parent a349ef0
commit bebd4fd
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 2 deletions.
diff --git a/src/implementations/vanilla/components/select/_select.scss b/src/implementations/vanilla/components/select/_select.scss
@@ -270,6 +270,7 @@ $_multiple_counter_background: null !default;
   }
 
   .ecl-select__multiple-options {
+    box-sizing: border-box;
     max-height: $_multiple-dropdown-container-max-height;
     overflow-y: auto;
     padding: map.get(theme.$spacing, 's') 0;

diff --git a/src/implementations/vanilla/components/select/select-ec.scss b/src/implementations/vanilla/components/select/select-ec.scss
@@ -26,7 +26,7 @@
   $_multiple-dropdown-shadow: none,
   $_multiple-dropdown-input-margin: 0,
   $_multiple-dropdown-input-width: 100%,
-  $_multiple-dropdown-container-max-height: 225px,
+  $_multiple-dropdown-container-max-height: 252px,
   $_multiple-checkbox-background-hover-color: map.get(theme.$color, 'grey-15'),
   $_multiple-checkbox-label-vertical-padding: map.get(theme.$spacing, 's'),
   $_multiple_counter_background: #707070

diff --git a/src/implementations/vanilla/components/select/select-eu.scss b/src/implementations/vanilla/components/select/select-eu.scss
@@ -30,7 +30,7 @@
     calc(
       100% - #{map.get(theme.$spacing, 'xs')} - #{map.get(theme.$spacing, 'xs')}
     ),
-  $_multiple-dropdown-container-max-height: 225px,
+  $_multiple-dropdown-container-max-height: 252px,
   $_multiple-checkbox-background-hover-color: map.get(theme.$color, 'blue-5'),
   $_multiple-checkbox-label-vertical-padding: map.get(theme.$spacing, 's'),
   $_multiple_counter_background: map.get(theme.$color, 'blue-100')