fix(styling): Compound Filter Operator dropdown too wide in BS4

ghiscoding · Dec 6, 2020 · 9cb5750 · 9cb5750
1 parent bc9f234
commit 9cb5750
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/packages/common/src/styles/_variables.scss b/packages/common/src/styles/_variables.scss
@@ -652,10 +652,11 @@ $editor-modal-validation-summary-font-size:           13px !default;
 $editor-modal-validation-summary-font-style:          italic !default;
 
 /* Compound Filters */
+$compound-filter-bgcolor:                             #ffffff !default;
 $compound-filter-operator-select-font-family:         Consolas, "Lucida Console" !default; // use a monospace font so the operator descriptions are all aligned
 $compound-filter-operator-select-font-size:           14px !important !default;
 $compound-filter-operator-select-border:              1px solid #{lighten($primary-color, 15%)} !default;
-$compound-filter-bgcolor:                             #ffffff !default;
+$compound-filter-operator-select-width:               25px !default;
 $compound-filter-operator-border-radius:              4px 0 0 4px !default;
 $compound-filter-border-radius:                       0 4px 4px 0 !default;
 $compound-filter-text-weight:                         bold !default;

diff --git a/packages/common/src/styles/slick-plugins.scss b/packages/common/src/styles/slick-plugins.scss
@@ -716,6 +716,7 @@
     font-family: $compound-filter-operator-select-font-family;
     font-size: $compound-filter-operator-select-font-size;
     border: $compound-filter-operator-select-border;
+    width: $compound-filter-operator-select-width;
 
     &.form-control {
       cursor: pointer;