fix(styling): missing/too many borders compound filters w/group addon (…

…#1446) Co-authored-by: ghiscoding <Ghislain.Beaulac@se.com>
ghiscoding · Mar 28, 2024 · 863933f · 863933f
1 parent a907134
commit 863933f
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 3 deletions.
diff --git a/examples/vite-demo-vanilla-bundle/src/material-styles.scss b/examples/vite-demo-vanilla-bundle/src/material-styles.scss
@@ -110,6 +110,9 @@
           color: var(--slick-dark-text-color);
         }
       }
+      .search-filter.filled .input-group-append {
+        border-left: 0;
+      }
     }
 
     .ms-dark-mode,

diff --git a/packages/common/src/styles/slick-filters.scss b/packages/common/src/styles/slick-filters.scss
@@ -18,11 +18,14 @@ $slick-filled-filter-font-weight:                           400 !default;
     font-weight: var(--slick-filled-filter-font-weight, $slick-filled-filter-font-weight);
     border: var(--slick-filled-filter-border, $slick-filled-filter-border);
     box-shadow: var(--slick-filled-filter-box-shadow, $slick-filled-filter-box-shadow);
-    &.input-group-addon {
+    &.input-group-prepend {
+      border-right: 0;
+    }
+    &.input-group-append {
       border-left: 0;
     }
   }
-  .search-filter.filled .input-group-addon select {
+  .search-filter.filled .input-group-prepend select {
     border-right: 0;
   }
   .search-filter.filled .ms-choice {

diff --git a/packages/common/src/styles/slick-plugins.scss b/packages/common/src/styles/slick-plugins.scss
@@ -1150,7 +1150,7 @@ input.flatpickr.form-control {
     }
   }
 
-  &.input-group .input-group-addon:first-child + .filter-input input {
+  .input-group-prepend.operator + .filter-input input.slider-filter-input {
     border-left: 0;
   }
   &:not(.input-group) {