npm - @syncfusion/blazor-themes - Versions diffs - 29.1.40 → 29.2.4 - Mend

@syncfusion/blazor-themes 29.1.40 → 29.2.4

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 (401) hide show

package/SCSS-Themes/documenteditor/document-editor-container/fluent2-lite.scss CHANGED Viewed

@@ -699,7 +699,7 @@ $de-hlt-clr-height-bigger: 24px;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {

package/SCSS-Themes/documenteditor/document-editor-container/fluent2.scss CHANGED Viewed

@@ -699,7 +699,7 @@ $de-hlt-clr-height-bigger: 24px;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {
@@ -3805,7 +3805,7 @@ $de-hlt-clr-height-bigger: 24px;
 @if $skin-name =='tailwind3' {
   .e-bigger
   {
-    .e-colorpicker-wrapper,
+    .e-colorpicker-wrapper.e-de-font-clr-picker,
     .e-split-btn-wrapper.e-de-prop-splitbutton,
     .e-split-btn-wrapper.e-de-btn-hghlclr,
     .e-de-ctnr-segment>div:first-child:not(.e-rtl),

package/SCSS-Themes/documenteditor/document-editor-container/highcontrast-lite.scss CHANGED Viewed

@@ -677,7 +677,7 @@ $de-prop-btn-icon-clr: #ccc;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {

package/SCSS-Themes/documenteditor/document-editor-container/highcontrast.scss CHANGED Viewed

@@ -677,7 +677,7 @@ $de-prop-btn-icon-clr: #ccc;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {
@@ -3756,7 +3756,7 @@ $de-prop-btn-icon-clr: #ccc;
 @if $skin-name =='tailwind3' {
   .e-bigger
   {
-    .e-colorpicker-wrapper,
+    .e-colorpicker-wrapper.e-de-font-clr-picker,
     .e-split-btn-wrapper.e-de-prop-splitbutton,
     .e-split-btn-wrapper.e-de-btn-hghlclr,
     .e-de-ctnr-segment>div:first-child:not(.e-rtl),

package/SCSS-Themes/documenteditor/document-editor-container/material-dark-lite.scss CHANGED Viewed

@@ -678,7 +678,7 @@ $de-prop-btn-icon-clr: #ccc;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {

package/SCSS-Themes/documenteditor/document-editor-container/material-dark.scss CHANGED Viewed

@@ -678,7 +678,7 @@ $de-prop-btn-icon-clr: #ccc;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {
@@ -3759,7 +3759,7 @@ $de-prop-btn-icon-clr: #ccc;
 @if $skin-name =='tailwind3' {
   .e-bigger
   {
-    .e-colorpicker-wrapper,
+    .e-colorpicker-wrapper.e-de-font-clr-picker,
     .e-split-btn-wrapper.e-de-prop-splitbutton,
     .e-split-btn-wrapper.e-de-btn-hghlclr,
     .e-de-ctnr-segment>div:first-child:not(.e-rtl),

package/SCSS-Themes/documenteditor/document-editor-container/material-lite.scss CHANGED Viewed

@@ -677,7 +677,7 @@ $de-prop-btn-icon-clr: #ccc;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {

package/SCSS-Themes/documenteditor/document-editor-container/material.scss CHANGED Viewed

@@ -677,7 +677,7 @@ $de-prop-btn-icon-clr: #ccc;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {
@@ -3758,7 +3758,7 @@ $de-prop-btn-icon-clr: #ccc;
 @if $skin-name =='tailwind3' {
   .e-bigger
   {
-    .e-colorpicker-wrapper,
+    .e-colorpicker-wrapper.e-de-font-clr-picker,
     .e-split-btn-wrapper.e-de-prop-splitbutton,
     .e-split-btn-wrapper.e-de-btn-hghlclr,
     .e-de-ctnr-segment>div:first-child:not(.e-rtl),

package/SCSS-Themes/documenteditor/document-editor-container/material3-dark-lite.scss CHANGED Viewed

@@ -700,7 +700,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {

package/SCSS-Themes/documenteditor/document-editor-container/material3-dark.scss CHANGED Viewed

@@ -700,7 +700,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {
@@ -3806,7 +3806,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
 @if $skin-name =='tailwind3' {
   .e-bigger
   {
-    .e-colorpicker-wrapper,
+    .e-colorpicker-wrapper.e-de-font-clr-picker,
     .e-split-btn-wrapper.e-de-prop-splitbutton,
     .e-split-btn-wrapper.e-de-btn-hghlclr,
     .e-de-ctnr-segment>div:first-child:not(.e-rtl),

package/SCSS-Themes/documenteditor/document-editor-container/material3-lite.scss CHANGED Viewed

@@ -700,7 +700,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {

package/SCSS-Themes/documenteditor/document-editor-container/material3.scss CHANGED Viewed

@@ -700,7 +700,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {
@@ -3806,7 +3806,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
 @if $skin-name =='tailwind3' {
   .e-bigger
   {
-    .e-colorpicker-wrapper,
+    .e-colorpicker-wrapper.e-de-font-clr-picker,
     .e-split-btn-wrapper.e-de-prop-splitbutton,
     .e-split-btn-wrapper.e-de-btn-hghlclr,
     .e-de-ctnr-segment>div:first-child:not(.e-rtl),

package/SCSS-Themes/documenteditor/document-editor-container/tailwind-dark-lite.scss CHANGED Viewed

@@ -690,7 +690,7 @@ $de-hlt-clr-height-bigger: 24px;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {

package/SCSS-Themes/documenteditor/document-editor-container/tailwind-dark.scss CHANGED Viewed

@@ -690,7 +690,7 @@ $de-hlt-clr-height-bigger: 24px;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {
@@ -3797,7 +3797,7 @@ $de-hlt-clr-height-bigger: 24px;
 @if $skin-name =='tailwind3' {
   .e-bigger
   {
-    .e-colorpicker-wrapper,
+    .e-colorpicker-wrapper.e-de-font-clr-picker,
     .e-split-btn-wrapper.e-de-prop-splitbutton,
     .e-split-btn-wrapper.e-de-btn-hghlclr,
     .e-de-ctnr-segment>div:first-child:not(.e-rtl),

package/SCSS-Themes/documenteditor/document-editor-container/tailwind-lite.scss CHANGED Viewed

@@ -690,7 +690,7 @@ $de-hlt-clr-height-bigger: 24px;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {

package/SCSS-Themes/documenteditor/document-editor-container/tailwind.scss CHANGED Viewed

@@ -690,7 +690,7 @@ $de-hlt-clr-height-bigger: 24px;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {
@@ -3797,7 +3797,7 @@ $de-hlt-clr-height-bigger: 24px;
 @if $skin-name =='tailwind3' {
   .e-bigger
   {
-    .e-colorpicker-wrapper,
+    .e-colorpicker-wrapper.e-de-font-clr-picker,
     .e-split-btn-wrapper.e-de-prop-splitbutton,
     .e-split-btn-wrapper.e-de-btn-hghlclr,
     .e-de-ctnr-segment>div:first-child:not(.e-rtl),

package/SCSS-Themes/documenteditor/document-editor-container/tailwind3-dark-lite.scss CHANGED Viewed

@@ -715,7 +715,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {

package/SCSS-Themes/documenteditor/document-editor-container/tailwind3-dark.scss CHANGED Viewed

@@ -715,7 +715,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {
@@ -3823,7 +3823,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
 @if $skin-name =='tailwind3' {
   .e-bigger
   {
-    .e-colorpicker-wrapper,
+    .e-colorpicker-wrapper.e-de-font-clr-picker,
     .e-split-btn-wrapper.e-de-prop-splitbutton,
     .e-split-btn-wrapper.e-de-btn-hghlclr,
     .e-de-ctnr-segment>div:first-child:not(.e-rtl),

package/SCSS-Themes/documenteditor/document-editor-container/tailwind3-lite.scss CHANGED Viewed

@@ -715,7 +715,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {

package/SCSS-Themes/documenteditor/document-editor-container/tailwind3.scss CHANGED Viewed

@@ -715,7 +715,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
             margin-right: 0;
         }
     }
-        .e-colorpicker-wrapper,
+        .e-colorpicker-wrapper.e-de-font-clr-picker,
         .e-split-btn-wrapper.e-de-prop-splitbutton,
         .e-split-btn-wrapper.e-de-btn-hghlclr
         {
@@ -3823,7 +3823,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
 @if $skin-name =='tailwind3' {
   .e-bigger
   {
-    .e-colorpicker-wrapper,
+    .e-colorpicker-wrapper.e-de-font-clr-picker,
     .e-split-btn-wrapper.e-de-prop-splitbutton,
     .e-split-btn-wrapper.e-de-btn-hghlclr,
     .e-de-ctnr-segment>div:first-child:not(.e-rtl),

package/SCSS-Themes/dropdowns/drop-down-list/bds-dark-lite.scss CHANGED Viewed

@@ -374,6 +374,21 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
       color: rgb(221, 218, 218);
     }
   }
+  .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+  .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+    @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
+      border-color: $ddl-box-border-color;
+    }
+    @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
+      -webkit-box-shadow: none;
+      box-shadow: none;
+    }
+    @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
+      box-shadow: none;
+    }
+  }
 }

package/SCSS-Themes/dropdowns/drop-down-list/bds-dark.scss CHANGED Viewed

@@ -374,6 +374,21 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
       color: rgb(221, 218, 218);
     }
   }
+  .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+  .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+    @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
+      border-color: $ddl-box-border-color;
+    }
+    @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
+      -webkit-box-shadow: none;
+      box-shadow: none;
+    }
+    @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
+      box-shadow: none;
+    }
+  }
 }

package/SCSS-Themes/dropdowns/drop-down-list/bds-lite.scss CHANGED Viewed

@@ -374,6 +374,21 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
       color: rgb(221, 218, 218);
     }
   }
+  .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+  .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+    @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
+      border-color: $ddl-box-border-color;
+    }
+    @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
+      -webkit-box-shadow: none;
+      box-shadow: none;
+    }
+    @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
+      box-shadow: none;
+    }
+  }
 }

package/SCSS-Themes/dropdowns/drop-down-list/bds.scss CHANGED Viewed

@@ -374,6 +374,21 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
       color: rgb(221, 218, 218);
     }
   }
+  .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+  .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+    @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
+      border-color: $ddl-box-border-color;
+    }
+    @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
+      -webkit-box-shadow: none;
+      box-shadow: none;
+    }
+    @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
+      box-shadow: none;
+    }
+  }
 }

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

@@ -31,6 +31,7 @@ $ddl-default-border-color: $grey-44 !default;
 $ddl-back-icon-margin: -2px 10px 0 -54px !default;
 $ddl-back-icon-padding: 0 !default;
 $ddl-filter-margin: 0 !default;
+$ddl-box-border-color: $grey-lighter !default;
 // small size
 $ddl-small-list-font-size: 13px !default;
@@ -367,6 +368,21 @@ $ddl-bigger-small-list-font-size: 14px !default;
       color: rgb(221, 218, 218);
     }
   }
+  .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+  .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+    @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
+      border-color: $ddl-box-border-color;
+    }
+    @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
+      -webkit-box-shadow: none;
+      box-shadow: none;
+    }
+    @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
+      box-shadow: none;
+    }
+  }
 }

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

@@ -31,6 +31,7 @@ $ddl-default-border-color: $grey-44 !default;
 $ddl-back-icon-margin: -2px 10px 0 -54px !default;
 $ddl-back-icon-padding: 0 !default;
 $ddl-filter-margin: 0 !default;
+$ddl-box-border-color: $grey-lighter !default;
 // small size
 $ddl-small-list-font-size: 13px !default;
@@ -367,6 +368,21 @@ $ddl-bigger-small-list-font-size: 14px !default;
       color: rgb(221, 218, 218);
     }
   }
+  .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+  .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+    @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
+      border-color: $ddl-box-border-color;
+    }
+    @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
+      -webkit-box-shadow: none;
+      box-shadow: none;
+    }
+    @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
+      box-shadow: none;
+    }
+  }
 }

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

@@ -30,6 +30,7 @@ $ddl-default-border-color: $grey-cc !default;
 $ddl-back-icon-margin: -2px 10px 0 -54px !default;
 $ddl-back-icon-padding: 0 !default;
 $ddl-filter-margin: 0 !default;
+$ddl-box-border-color: $grey-cc !default;
 // small size
 $ddl-small-list-font-size: 13px !default;
@@ -366,6 +367,21 @@ $ddl-bigger-small-list-font-size: 14px !default;
       color: rgb(221, 218, 218);
     }
   }
+  .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+  .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+    @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
+      border-color: $ddl-box-border-color;
+    }
+    @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
+      -webkit-box-shadow: none;
+      box-shadow: none;
+    }
+    @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
+      box-shadow: none;
+    }
+  }
 }

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

@@ -30,6 +30,7 @@ $ddl-default-border-color: $grey-cc !default;
 $ddl-back-icon-margin: -2px 10px 0 -54px !default;
 $ddl-back-icon-padding: 0 !default;
 $ddl-filter-margin: 0 !default;
+$ddl-box-border-color: $grey-cc !default;
 // small size
 $ddl-small-list-font-size: 13px !default;
@@ -366,6 +367,21 @@ $ddl-bigger-small-list-font-size: 14px !default;
       color: rgb(221, 218, 218);
     }
   }
+  .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+  .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+    @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
+      border-color: $ddl-box-border-color;
+    }
+    @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
+      -webkit-box-shadow: none;
+      box-shadow: none;
+    }
+    @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
+      box-shadow: none;
+    }
+  }
 }

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

@@ -33,6 +33,7 @@ $ddl-icon-color: rgba($black, .5) !default;
 $ddl-icon-hover-color: rgba($black, .4) !default;
 $ddl-readonly-bg-color: $gray-200 !default;
 $ddl-filter-margin: 0 !default;
+$ddl-box-border-color: $gray-400 !default;
 // small size
 $ddl-small-list-font-size: 13px !default;
@@ -395,6 +396,21 @@ $ddl-bigger-small-list-font-size: 14px !default;
       color: rgb(221, 218, 218);
     }
   }
+  .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+  .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+    @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
+      border-color: $ddl-box-border-color;
+    }
+    @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
+      -webkit-box-shadow: none;
+      box-shadow: none;
+    }
+    @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
+      box-shadow: none;
+    }
+  }
 }

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

@@ -33,6 +33,7 @@ $ddl-icon-color: rgba($black, .5) !default;
 $ddl-icon-hover-color: rgba($black, .4) !default;
 $ddl-readonly-bg-color: $gray-200 !default;
 $ddl-filter-margin: 0 !default;
+$ddl-box-border-color: $gray-400 !default;
 // small size
 $ddl-small-list-font-size: 13px !default;
@@ -395,6 +396,21 @@ $ddl-bigger-small-list-font-size: 14px !default;
       color: rgb(221, 218, 218);
     }
   }
+  .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+  .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+    @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
+      border-color: $ddl-box-border-color;
+    }
+    @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
+      -webkit-box-shadow: none;
+      box-shadow: none;
+    }
+    @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
+      box-shadow: none;
+    }
+  }
 }

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

@@ -24,6 +24,7 @@ $ddl-back-icon-padding: 0 8px !default;
 $ddl-popup-shadow: $shadow-lg !default;
 $ddl-readonly-bg-color: $content-bg-color-alt2 !default;
 $ddl-filter-margin: 0 !default;
+$ddl-box-border-color: $border !default;
 // Small Size
 $ddl-small-list-font-size: $text-xs !default;
@@ -408,6 +409,21 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
       color: rgb(221, 218, 218);
     }
   }
+  .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+  .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+    @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
+      border-color: $ddl-box-border-color;
+    }
+    @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
+      -webkit-box-shadow: none;
+      box-shadow: none;
+    }
+    @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
+      box-shadow: none;
+    }
+  }
 }

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

@@ -24,6 +24,7 @@ $ddl-back-icon-padding: 0 8px !default;
 $ddl-popup-shadow: $shadow-lg !default;
 $ddl-readonly-bg-color: $content-bg-color-alt2 !default;
 $ddl-filter-margin: 0 !default;
+$ddl-box-border-color: $border !default;
 // Small Size
 $ddl-small-list-font-size: $text-xs !default;
@@ -408,6 +409,21 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
       color: rgb(221, 218, 218);
     }
   }
+  .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+  .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+    @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
+      border-color: $ddl-box-border-color;
+    }
+    @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
+      -webkit-box-shadow: none;
+      box-shadow: none;
+    }
+    @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
+      box-shadow: none;
+    }
+  }
 }

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

@@ -24,6 +24,7 @@ $ddl-back-icon-padding: 0 8px !default;
 $ddl-popup-shadow: $shadow-lg !default;
 $ddl-readonly-bg-color: $content-bg-color-alt2 !default;
 $ddl-filter-margin: 0 !default;
+$ddl-box-border-color: $border !default;
 // Small Size
 $ddl-small-list-font-size: $text-xs !default;
@@ -408,6 +409,21 @@ $ddl-filter-box-shadow: 0 1.5px 5px -2px $ddl-filter-box-shadow-color !default;
       color: rgb(221, 218, 218);
     }
   }
+  .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
+  .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
+    @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
+      border-color: $ddl-box-border-color;
+    }
+    @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
+      -webkit-box-shadow: none;
+      box-shadow: none;
+    }
+    @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
+      box-shadow: none;
+    }
+  }
 }