set max width on the whole menu list instead

This commit is contained in:
Erik Sundell 2019-01-07 13:46:15 +01:00
parent 9ec6831713
commit 4d07f56354

View File

@ -63,6 +63,7 @@ $select-input-bg-disabled: $input-bg-disabled;
.gf-form-select-box__menu-list { .gf-form-select-box__menu-list {
overflow-y: auto; overflow-y: auto;
max-height: 300px; max-height: 300px;
max-width: 600px;
} }
.tag-filter .gf-form-select-box__menu { .tag-filter .gf-form-select-box__menu {
@ -172,22 +173,18 @@ $select-input-bg-disabled: $input-bg-disabled;
margin-right: 10px; margin-right: 10px;
} }
.gf-form-select-box__option-group { .gf-form-select-box__option-group__header {
max-width: 600px; 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 { .fa {
display: flex; padding-right: 2px;
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;
}
} }
} }