fix(styling): ms-select filter should use same color as other filters (…

…#1396)
ghiscoding · Feb 14, 2024 · a30d590 · a30d590
1 parent 0a34691
commit a30d590
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/examples/vite-demo-vanilla-bundle/src/material-styles.scss b/examples/vite-demo-vanilla-bundle/src/material-styles.scss
@@ -99,8 +99,8 @@
         font-weight: bold;
       }
       .search-filter.filled .ms-choice {
-        box-shadow: inset 0 0 0 1px #55B876;
-        border: 1px solid #ccc;
+        box-shadow: none;
+        border: 1px solid #55B876;
         span {
           font-weight: normal;
           color: #555;

diff --git a/packages/common/src/styles/_variables.scss b/packages/common/src/styles/_variables.scss
@@ -783,6 +783,7 @@ $slick-multiselect-select-all-text-color:                   darken($slick-primar
 $slick-multiselect-select-all-text-hover-color:             transparent !default;
 
 // override some multiple-select SASS variables
+$ms-choice-border:                                          $slick-multiselect-input-filter-border;
 $ms-drop-list-padding:                                      $slick-multiselect-dropdown-list-padding;
 $ms-drop-list-item-align-items:                             center;
 $ms-drop-list-item-display:                                 flex;