npm - @syncfusion/blazor-themes - Versions diffs - 20.3.52 → 20.3.57 - Mend

@syncfusion/blazor-themes 20.3.52 → 20.3.57

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (170) hide show

package/SCSS-Themes/buttons/speed-dial/material-dark.scss CHANGED Viewed

@@ -451,12 +451,7 @@ $sd-active-font-color: $grey-dark-font !default;
     .e-speeddial-li {
       color: $sd-font-color;
-      .e-speeddial-li-text {
-        box-shadow: $sd-li-shadow;
-        background-color: $sd-li-bg;
-        border-color: $sd-li-border-color;
-      }
+      .e-speeddial-li-text,
       .e-speeddial-li-icon {
         box-shadow: $sd-li-shadow;
         background-color: $sd-li-bg;
@@ -465,11 +460,7 @@ $sd-active-font-color: $grey-dark-font !default;
     }
     .e-speeddial-li.e-disabled {
       color: $sd-disabled-font-color;
-      .e-speeddial-li-text {
-        background-color: $sd-disabled-li-bg;
-        border-color: $sd-disabled-li-border-color;
-      }
+      .e-speeddial-li-text,
       .e-speeddial-li-icon {
         background-color: $sd-disabled-li-bg;
         border-color: $sd-disabled-li-border-color;
@@ -479,27 +470,19 @@ $sd-active-font-color: $grey-dark-font !default;
     .e-speeddial-li.e-speeddial-li-active:not(.e-disabled),
     .e-speeddial-li:focus:not(.e-disabled) {
       color: $sd-focus-font-color;
-      .e-speeddial-li-text {
+      .e-speeddial-li-text,
+      .e-speeddial-li-icon {
         background-color: $sd-focus-li-bg;
         border-color: $sd-focus-li-border-color;
-        @if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark' or $skin-name == 'highcontrast' or $skin-name == 'highcontrast-light' or $skin-name == 'FluentUI') {
+        @if ($skin-name == 'tailwind' or $skin-name == 'bootstrap5' or $skin-name == 'highcontrast' or $skin-name == 'highcontrast-light' or $skin-name == 'FluentUI') {
           box-shadow: $sd-focus-box-shadow;
         }
       }
-      .e-speeddial-li-icon {
-        background-color: $sd-active-li-bg;
-        border-color: $sd-active-li-border-color;
-      }
     }
     .e-speeddial-li:not(.e-disabled):hover {
       color: $sd-hover-font-color;
-      .e-speeddial-li-text {
-        background-color: $sd-hover-li-bg;
-        border-color: $sd-hover-li-border-color;
-      }
+      .e-speeddial-li-text,
       .e-speeddial-li-icon {
         background-color: $sd-hover-li-bg;
         border-color: $sd-hover-li-border-color;
@@ -508,11 +491,7 @@ $sd-active-font-color: $grey-dark-font !default;
     .e-speeddial-li:not(.e-disabled):active {
       color: $sd-active-font-color;
-      .e-speeddial-li-text {
-        background-color: $sd-active-li-bg;
-        border-color: $sd-active-li-border-color;
-      }
+      .e-speeddial-li-text,
       .e-speeddial-li-icon {
         background-color: $sd-active-li-bg;
         border-color: $sd-active-li-border-color;

package/SCSS-Themes/buttons/speed-dial/material.scss CHANGED Viewed

@@ -451,12 +451,7 @@ $sd-active-font-color: $base-font !default;
     .e-speeddial-li {
       color: $sd-font-color;
-      .e-speeddial-li-text {
-        box-shadow: $sd-li-shadow;
-        background-color: $sd-li-bg;
-        border-color: $sd-li-border-color;
-      }
+      .e-speeddial-li-text,
       .e-speeddial-li-icon {
         box-shadow: $sd-li-shadow;
         background-color: $sd-li-bg;
@@ -465,11 +460,7 @@ $sd-active-font-color: $base-font !default;
     }
     .e-speeddial-li.e-disabled {
       color: $sd-disabled-font-color;
-      .e-speeddial-li-text {
-        background-color: $sd-disabled-li-bg;
-        border-color: $sd-disabled-li-border-color;
-      }
+      .e-speeddial-li-text,
       .e-speeddial-li-icon {
         background-color: $sd-disabled-li-bg;
         border-color: $sd-disabled-li-border-color;
@@ -479,27 +470,19 @@ $sd-active-font-color: $base-font !default;
     .e-speeddial-li.e-speeddial-li-active:not(.e-disabled),
     .e-speeddial-li:focus:not(.e-disabled) {
       color: $sd-focus-font-color;
-      .e-speeddial-li-text {
+      .e-speeddial-li-text,
+      .e-speeddial-li-icon {
         background-color: $sd-focus-li-bg;
         border-color: $sd-focus-li-border-color;
-        @if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark' or $skin-name == 'highcontrast' or $skin-name == 'highcontrast-light' or $skin-name == 'FluentUI') {
+        @if ($skin-name == 'tailwind' or $skin-name == 'bootstrap5' or $skin-name == 'highcontrast' or $skin-name == 'highcontrast-light' or $skin-name == 'FluentUI') {
           box-shadow: $sd-focus-box-shadow;
         }
       }
-      .e-speeddial-li-icon {
-        background-color: $sd-active-li-bg;
-        border-color: $sd-active-li-border-color;
-      }
     }
     .e-speeddial-li:not(.e-disabled):hover {
       color: $sd-hover-font-color;
-      .e-speeddial-li-text {
-        background-color: $sd-hover-li-bg;
-        border-color: $sd-hover-li-border-color;
-      }
+      .e-speeddial-li-text,
       .e-speeddial-li-icon {
         background-color: $sd-hover-li-bg;
         border-color: $sd-hover-li-border-color;
@@ -508,11 +491,7 @@ $sd-active-font-color: $base-font !default;
     .e-speeddial-li:not(.e-disabled):active {
       color: $sd-active-font-color;
-      .e-speeddial-li-text {
-        background-color: $sd-active-li-bg;
-        border-color: $sd-active-li-border-color;
-      }
+      .e-speeddial-li-text,
       .e-speeddial-li-icon {
         background-color: $sd-active-li-bg;
         border-color: $sd-active-li-border-color;

package/SCSS-Themes/buttons/speed-dial/tailwind-dark.scss CHANGED Viewed

@@ -58,7 +58,7 @@ $sd-disabled-font-color: $secondary-text-color-disabled !default;
 $sd-focus-li-bg: $secondary-bg-color-focus !default;
 $sd-focus-li-border-color: $secondary-border-color-focus !default;
 $sd-focus-font-color: $secondary-text-color-focus !default;
-$sd-focus-box-shadow: $sd-li-shadow $shadow-focus-ring2 !default;
+$sd-focus-box-shadow: $sd-li-shadow, $shadow-focus-ring2 !default;
 $sd-hover-li-bg: $secondary-bg-color-hover !default;
 $sd-hover-li-border-color: $secondary-border-color-hover !default;
@@ -452,12 +452,7 @@ $sd-active-font-color: $secondary-text-color !default;
     .e-speeddial-li {
       color: $sd-font-color;
-      .e-speeddial-li-text {
-        box-shadow: $sd-li-shadow;
-        background-color: $sd-li-bg;
-        border-color: $sd-li-border-color;
-      }
+      .e-speeddial-li-text,
       .e-speeddial-li-icon {
         box-shadow: $sd-li-shadow;
         background-color: $sd-li-bg;
@@ -466,11 +461,7 @@ $sd-active-font-color: $secondary-text-color !default;
     }
     .e-speeddial-li.e-disabled {
       color: $sd-disabled-font-color;
-      .e-speeddial-li-text {
-        background-color: $sd-disabled-li-bg;
-        border-color: $sd-disabled-li-border-color;
-      }
+      .e-speeddial-li-text,
       .e-speeddial-li-icon {
         background-color: $sd-disabled-li-bg;
         border-color: $sd-disabled-li-border-color;
@@ -480,27 +471,19 @@ $sd-active-font-color: $secondary-text-color !default;
     .e-speeddial-li.e-speeddial-li-active:not(.e-disabled),
     .e-speeddial-li:focus:not(.e-disabled) {
       color: $sd-focus-font-color;
-      .e-speeddial-li-text {
+      .e-speeddial-li-text,
+      .e-speeddial-li-icon {
         background-color: $sd-focus-li-bg;
         border-color: $sd-focus-li-border-color;
-        @if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark' or $skin-name == 'highcontrast' or $skin-name == 'highcontrast-light' or $skin-name == 'FluentUI') {
+        @if ($skin-name == 'tailwind' or $skin-name == 'bootstrap5' or $skin-name == 'highcontrast' or $skin-name == 'highcontrast-light' or $skin-name == 'FluentUI') {
           box-shadow: $sd-focus-box-shadow;
         }
       }
-      .e-speeddial-li-icon {
-        background-color: $sd-active-li-bg;
-        border-color: $sd-active-li-border-color;
-      }
     }
     .e-speeddial-li:not(.e-disabled):hover {
       color: $sd-hover-font-color;
-      .e-speeddial-li-text {
-        background-color: $sd-hover-li-bg;
-        border-color: $sd-hover-li-border-color;
-      }
+      .e-speeddial-li-text,
       .e-speeddial-li-icon {
         background-color: $sd-hover-li-bg;
         border-color: $sd-hover-li-border-color;
@@ -509,11 +492,7 @@ $sd-active-font-color: $secondary-text-color !default;
     .e-speeddial-li:not(.e-disabled):active {
       color: $sd-active-font-color;
-      .e-speeddial-li-text {
-        background-color: $sd-active-li-bg;
-        border-color: $sd-active-li-border-color;
-      }
+      .e-speeddial-li-text,
       .e-speeddial-li-icon {
         background-color: $sd-active-li-bg;
         border-color: $sd-active-li-border-color;

package/SCSS-Themes/buttons/speed-dial/tailwind.scss CHANGED Viewed

@@ -58,7 +58,7 @@ $sd-disabled-font-color: $secondary-text-color-disabled !default;
 $sd-focus-li-bg: $secondary-bg-color-focus !default;
 $sd-focus-li-border-color: $secondary-border-color-focus !default;
 $sd-focus-font-color: $secondary-text-color-focus !default;
-$sd-focus-box-shadow: $sd-li-shadow $shadow-focus-ring2 !default;
+$sd-focus-box-shadow: $sd-li-shadow, $shadow-focus-ring2 !default;
 $sd-hover-li-bg: $secondary-bg-color-hover !default;
 $sd-hover-li-border-color: $secondary-border-color-hover !default;
@@ -452,12 +452,7 @@ $sd-active-font-color: $secondary-text-color !default;
     .e-speeddial-li {
       color: $sd-font-color;
-      .e-speeddial-li-text {
-        box-shadow: $sd-li-shadow;
-        background-color: $sd-li-bg;
-        border-color: $sd-li-border-color;
-      }
+      .e-speeddial-li-text,
       .e-speeddial-li-icon {
         box-shadow: $sd-li-shadow;
         background-color: $sd-li-bg;
@@ -466,11 +461,7 @@ $sd-active-font-color: $secondary-text-color !default;
     }
     .e-speeddial-li.e-disabled {
       color: $sd-disabled-font-color;
-      .e-speeddial-li-text {
-        background-color: $sd-disabled-li-bg;
-        border-color: $sd-disabled-li-border-color;
-      }
+      .e-speeddial-li-text,
       .e-speeddial-li-icon {
         background-color: $sd-disabled-li-bg;
         border-color: $sd-disabled-li-border-color;
@@ -480,27 +471,19 @@ $sd-active-font-color: $secondary-text-color !default;
     .e-speeddial-li.e-speeddial-li-active:not(.e-disabled),
     .e-speeddial-li:focus:not(.e-disabled) {
       color: $sd-focus-font-color;
-      .e-speeddial-li-text {
+      .e-speeddial-li-text,
+      .e-speeddial-li-icon {
         background-color: $sd-focus-li-bg;
         border-color: $sd-focus-li-border-color;
-        @if ($skin-name == 'tailwind' or $skin-name == 'tailwind-dark' or $skin-name == 'highcontrast' or $skin-name == 'highcontrast-light' or $skin-name == 'FluentUI') {
+        @if ($skin-name == 'tailwind' or $skin-name == 'bootstrap5' or $skin-name == 'highcontrast' or $skin-name == 'highcontrast-light' or $skin-name == 'FluentUI') {
           box-shadow: $sd-focus-box-shadow;
         }
       }
-      .e-speeddial-li-icon {
-        background-color: $sd-active-li-bg;
-        border-color: $sd-active-li-border-color;
-      }
     }
     .e-speeddial-li:not(.e-disabled):hover {
       color: $sd-hover-font-color;
-      .e-speeddial-li-text {
-        background-color: $sd-hover-li-bg;
-        border-color: $sd-hover-li-border-color;
-      }
+      .e-speeddial-li-text,
       .e-speeddial-li-icon {
         background-color: $sd-hover-li-bg;
         border-color: $sd-hover-li-border-color;
@@ -509,11 +492,7 @@ $sd-active-font-color: $secondary-text-color !default;
     .e-speeddial-li:not(.e-disabled):active {
       color: $sd-active-font-color;
-      .e-speeddial-li-text {
-        background-color: $sd-active-li-bg;
-        border-color: $sd-active-li-border-color;
-      }
+      .e-speeddial-li-text,
       .e-speeddial-li-icon {
         background-color: $sd-active-li-bg;
         border-color: $sd-active-li-border-color;

package/SCSS-Themes/dropdowns/drop-down-base/fabric.scss CHANGED Viewed

@@ -12,7 +12,7 @@ $ddl-list-border-color: rgba($neutral-light, .25) !default;
 $ddl-list-font-family: inherit !default;
 $ddl-list-gradient-color: transparent !default;
 $mention-gradient-color: $neutral-white !default;
-$mention-list-box-shadow-color: 0 0 5px 0 rgba(0, 0, 0, .4) !default;
+$mention-list-box-shadow-color: rgba(0, 0, 0, .4) !default;
 $mention-chip-bg-color: $neutral-lighter !default;
 $mention-chip-border-radius: 0 !default;
 $mention-chip-border: none !default;

package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap-dark.scss CHANGED Viewed

@@ -515,8 +515,16 @@ $ddt-remains-count-padding-top: 5.5px !default;
       box-shadow: $ddt-box-shadow;
       position: absolute;
+      .e-active .e-checkbox-wrapper {
+        .e-frame:not(.e-check) {
+          @if$ddt-skin-name == 'bootstrap5' {
+            background-color: $ddt-readonly-input-bg-color;
+          }
+        }
+      }
       .e-checkbox-wrapper {
-        .e-frame {
+        .e-frame:not(.e-check) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: transparent;
           }

package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap.scss CHANGED Viewed

@@ -514,8 +514,16 @@ $ddt-remains-count-padding-top: 5.5px !default;
       box-shadow: $ddt-box-shadow;
       position: absolute;
+      .e-active .e-checkbox-wrapper {
+        .e-frame:not(.e-check) {
+          @if$ddt-skin-name == 'bootstrap5' {
+            background-color: $ddt-readonly-input-bg-color;
+          }
+        }
+      }
       .e-checkbox-wrapper {
-        .e-frame {
+        .e-frame:not(.e-check) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: transparent;
           }

package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap4.scss CHANGED Viewed

@@ -515,8 +515,16 @@ $ddt-remains-count-padding-top: 4px !default;
       box-shadow: $ddt-box-shadow;
       position: absolute;
+      .e-active .e-checkbox-wrapper {
+        .e-frame:not(.e-check) {
+          @if$ddt-skin-name == 'bootstrap5' {
+            background-color: $ddt-readonly-input-bg-color;
+          }
+        }
+      }
       .e-checkbox-wrapper {
-        .e-frame {
+        .e-frame:not(.e-check) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: transparent;
           }

package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap5-dark.scss CHANGED Viewed

@@ -503,8 +503,16 @@ $ddt-readonly-input-bg-color: $content-bg-color !default;
       box-shadow: $ddt-box-shadow;
       position: absolute;
+      .e-active .e-checkbox-wrapper {
+        .e-frame:not(.e-check) {
+          @if$ddt-skin-name == 'bootstrap5' {
+            background-color: $ddt-readonly-input-bg-color;
+          }
+        }
+      }
       .e-checkbox-wrapper {
-        .e-frame {
+        .e-frame:not(.e-check) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: transparent;
           }

package/SCSS-Themes/dropdowns/drop-down-tree/bootstrap5.scss CHANGED Viewed

@@ -503,8 +503,16 @@ $ddt-readonly-input-bg-color: $content-bg-color !default;
       box-shadow: $ddt-box-shadow;
       position: absolute;
+      .e-active .e-checkbox-wrapper {
+        .e-frame:not(.e-check) {
+          @if$ddt-skin-name == 'bootstrap5' {
+            background-color: $ddt-readonly-input-bg-color;
+          }
+        }
+      }
       .e-checkbox-wrapper {
-        .e-frame {
+        .e-frame:not(.e-check) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: transparent;
           }

package/SCSS-Themes/dropdowns/drop-down-tree/fabric-dark.scss CHANGED Viewed

@@ -515,8 +515,16 @@ $ddt-remains-count-padding-top: 6px !default;
       box-shadow: $ddt-box-shadow;
       position: absolute;
+      .e-active .e-checkbox-wrapper {
+        .e-frame:not(.e-check) {
+          @if$ddt-skin-name == 'bootstrap5' {
+            background-color: $ddt-readonly-input-bg-color;
+          }
+        }
+      }
       .e-checkbox-wrapper {
-        .e-frame {
+        .e-frame:not(.e-check) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: transparent;
           }

package/SCSS-Themes/dropdowns/drop-down-tree/fabric.scss CHANGED Viewed

@@ -515,8 +515,16 @@ $ddt-remains-count-padding-top: 6px !default;
       box-shadow: $ddt-box-shadow;
       position: absolute;
+      .e-active .e-checkbox-wrapper {
+        .e-frame:not(.e-check) {
+          @if$ddt-skin-name == 'bootstrap5' {
+            background-color: $ddt-readonly-input-bg-color;
+          }
+        }
+      }
       .e-checkbox-wrapper {
-        .e-frame {
+        .e-frame:not(.e-check) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: transparent;
           }

package/SCSS-Themes/dropdowns/drop-down-tree/fluent-dark.scss CHANGED Viewed

@@ -509,8 +509,16 @@ $ddt-readonly-input-bg-color: $content-bg-color !default;
       box-shadow: $ddt-box-shadow;
       position: absolute;
+      .e-active .e-checkbox-wrapper {
+        .e-frame:not(.e-check) {
+          @if$ddt-skin-name == 'bootstrap5' {
+            background-color: $ddt-readonly-input-bg-color;
+          }
+        }
+      }
       .e-checkbox-wrapper {
-        .e-frame {
+        .e-frame:not(.e-check) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: transparent;
           }

package/SCSS-Themes/dropdowns/drop-down-tree/fluent.scss CHANGED Viewed

@@ -509,8 +509,16 @@ $ddt-readonly-input-bg-color: $content-bg-color !default;
       box-shadow: $ddt-box-shadow;
       position: absolute;
+      .e-active .e-checkbox-wrapper {
+        .e-frame:not(.e-check) {
+          @if$ddt-skin-name == 'bootstrap5' {
+            background-color: $ddt-readonly-input-bg-color;
+          }
+        }
+      }
       .e-checkbox-wrapper {
-        .e-frame {
+        .e-frame:not(.e-check) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: transparent;
           }

package/SCSS-Themes/dropdowns/drop-down-tree/highcontrast.scss CHANGED Viewed

@@ -515,8 +515,16 @@ $ddt-remains-count-padding-top: 6px !default;
       box-shadow: $ddt-box-shadow;
       position: absolute;
+      .e-active .e-checkbox-wrapper {
+        .e-frame:not(.e-check) {
+          @if$ddt-skin-name == 'bootstrap5' {
+            background-color: $ddt-readonly-input-bg-color;
+          }
+        }
+      }
       .e-checkbox-wrapper {
-        .e-frame {
+        .e-frame:not(.e-check) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: transparent;
           }

package/SCSS-Themes/dropdowns/drop-down-tree/material-dark.scss CHANGED Viewed

@@ -516,8 +516,16 @@ $ddt-bigger-outline-chip-padding: 8px 15px !default;
       box-shadow: $ddt-box-shadow;
       position: absolute;
+      .e-active .e-checkbox-wrapper {
+        .e-frame:not(.e-check) {
+          @if$ddt-skin-name == 'bootstrap5' {
+            background-color: $ddt-readonly-input-bg-color;
+          }
+        }
+      }
       .e-checkbox-wrapper {
-        .e-frame {
+        .e-frame:not(.e-check) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: transparent;
           }

package/SCSS-Themes/dropdowns/drop-down-tree/material.scss CHANGED Viewed

@@ -516,8 +516,16 @@ $ddt-bigger-outline-chip-padding: 8px 15px !default;
       box-shadow: $ddt-box-shadow;
       position: absolute;
+      .e-active .e-checkbox-wrapper {
+        .e-frame:not(.e-check) {
+          @if$ddt-skin-name == 'bootstrap5' {
+            background-color: $ddt-readonly-input-bg-color;
+          }
+        }
+      }
       .e-checkbox-wrapper {
-        .e-frame {
+        .e-frame:not(.e-check) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: transparent;
           }

package/SCSS-Themes/dropdowns/drop-down-tree/tailwind-dark.scss CHANGED Viewed

@@ -505,8 +505,16 @@ $ddt-remains-font-color: $content-text-color-alt3 !default;
       box-shadow: $ddt-box-shadow;
       position: absolute;
+      .e-active .e-checkbox-wrapper {
+        .e-frame:not(.e-check) {
+          @if$ddt-skin-name == 'bootstrap5' {
+            background-color: $ddt-readonly-input-bg-color;
+          }
+        }
+      }
       .e-checkbox-wrapper {
-        .e-frame {
+        .e-frame:not(.e-check) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: transparent;
           }

package/SCSS-Themes/dropdowns/drop-down-tree/tailwind.scss CHANGED Viewed

@@ -505,8 +505,16 @@ $ddt-remains-font-color: $content-text-color-alt3 !default;
       box-shadow: $ddt-box-shadow;
       position: absolute;
+      .e-active .e-checkbox-wrapper {
+        .e-frame:not(.e-check) {
+          @if$ddt-skin-name == 'bootstrap5' {
+            background-color: $ddt-readonly-input-bg-color;
+          }
+        }
+      }
       .e-checkbox-wrapper {
-        .e-frame {
+        .e-frame:not(.e-check) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: transparent;
           }

package/SCSS-Themes/dropdowns/multi-select/bootstrap-dark.scss CHANGED Viewed

@@ -2203,6 +2203,10 @@ ejs-multiselect {
   display: none;
 }
+.e-multiselect.e-input-group.e-control-wrapper .e-input-group-icon {
+  margin-right: 0;
+}
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: $ddl-sel-chip-close;

package/SCSS-Themes/dropdowns/multi-select/bootstrap.scss CHANGED Viewed

@@ -2197,6 +2197,10 @@ ejs-multiselect {
   display: none;
 }
+.e-multiselect.e-input-group.e-control-wrapper .e-input-group-icon {
+  margin-right: 0;
+}
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: $ddl-sel-chip-close;

package/SCSS-Themes/dropdowns/multi-select/bootstrap4.scss CHANGED Viewed

@@ -2264,6 +2264,10 @@ ejs-multiselect {
   display: none;
 }
+.e-multiselect.e-input-group.e-control-wrapper .e-input-group-icon {
+  margin-right: 0;
+}
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: $ddl-sel-chip-close;

package/SCSS-Themes/dropdowns/multi-select/bootstrap5-dark.scss CHANGED Viewed

@@ -2234,6 +2234,10 @@ ejs-multiselect {
   display: none;
 }
+.e-multiselect.e-input-group.e-control-wrapper .e-input-group-icon {
+  margin-right: 0;
+}
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: $ddl-sel-chip-close;

package/SCSS-Themes/dropdowns/multi-select/bootstrap5.scss CHANGED Viewed

@@ -2234,6 +2234,10 @@ ejs-multiselect {
   display: none;
 }
+.e-multiselect.e-input-group.e-control-wrapper .e-input-group-icon {
+  margin-right: 0;
+}
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: $ddl-sel-chip-close;

package/SCSS-Themes/dropdowns/multi-select/fabric-dark.scss CHANGED Viewed

@@ -2192,6 +2192,10 @@ ejs-multiselect {
   display: none;
 }
+.e-multiselect.e-input-group.e-control-wrapper .e-input-group-icon {
+  margin-right: 0;
+}
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: $ddl-sel-chip-close;

package/SCSS-Themes/dropdowns/multi-select/fabric.scss CHANGED Viewed

@@ -2188,6 +2188,10 @@ ejs-multiselect {
   display: none;
 }
+.e-multiselect.e-input-group.e-control-wrapper .e-input-group-icon {
+  margin-right: 0;
+}
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: $ddl-sel-chip-close;

package/SCSS-Themes/dropdowns/multi-select/fluent-dark.scss CHANGED Viewed

@@ -2245,6 +2245,10 @@ ejs-multiselect {
   display: none;
 }
+.e-multiselect.e-input-group.e-control-wrapper .e-input-group-icon {
+  margin-right: 0;
+}
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: $ddl-sel-chip-close;