From 4d07f56354d243fefaf0b7153cce9ecc4878a1f6 Mon Sep 17 00:00:00 2001 From: Erik Sundell Date: Mon, 7 Jan 2019 13:46:15 +0100 Subject: [PATCH] set max width on the whole menu list instead --- public/sass/components/_form_select_box.scss | 29 +++++++++----------- 1 file changed, 13 insertions(+), 16 deletions(-) diff --git a/public/sass/components/_form_select_box.scss b/public/sass/components/_form_select_box.scss index 1a2b9be524c..bf18125d7b8 100644 --- a/public/sass/components/_form_select_box.scss +++ b/public/sass/components/_form_select_box.scss @@ -63,6 +63,7 @@ $select-input-bg-disabled: $input-bg-disabled; .gf-form-select-box__menu-list { overflow-y: auto; max-height: 300px; + max-width: 600px; } .tag-filter .gf-form-select-box__menu { @@ -172,22 +173,18 @@ $select-input-bg-disabled: $input-bg-disabled; margin-right: 10px; } -.gf-form-select-box__option-group { - max-width: 600px; +.gf-form-select-box__option-group__header { + display: flex; + align-items: center; + justify-content: flex-start; + justify-items: center; + cursor: pointer; + padding: 7px 10px; + width: 100%; + border-bottom: 1px solid $hr-border-color; + text-transform: capitalize; - .gf-form-select-box__option-group__header { - display: flex; - align-items: center; - justify-content: flex-start; - justify-items: center; - cursor: pointer; - padding: 7px 10px; - width: 100%; - border-bottom: 1px solid $hr-border-color; - text-transform: capitalize; - - .fa { - padding-right: 2px; - } + .fa { + padding-right: 2px; } }