@syncfusion/ej2-dropdowns 25.2.7 → 26.1.35-750253

package/styles/drop-down-base/_material3-definition.scss

@@ -5,7 +5,6 @@ $ddl-default-font-family: inherit !default;
 $ddl-line-height: 40px !default;
 $ddl-list-border-size: 0 !default;
 $ddl-list-bottom-border: $ddl-list-border-size !default;
-
 $ddl-list-border-color: $grey-300 !default;
 $ddl-list-gradient-color: rgba($content-bg-color) !default;
 $mention-gradient-color: rgba($content-bg-color) !default;
@@ -53,34 +52,24 @@ $ddl-bigger-list-header-font-size: 14px !default;
 $ddl-multi-column-border-width: 0 0 1px 0 !default;
 $ddl-multi-column-border-color: $grey-300 !default;
 $ddl-group-list-item-text-intent: 0 !default;
-
-// Small Size
-
 $ddl-small-icon-font-size: 14px !default;
 $ddl-small-line-height: 26px !default;
 $ddl-small-list-font-color: rgba($flyout-text-color) !default;
 $ddl-small-list-text-indent: 12px !default;
-
-// Touch Small
-
 $ddl-bigger-small-icon-font-size: 18px !default;
 $ddl-bigger-small-line-height: 36px !default;
 $ddl-bigger-small-list-font-color: rgba($flyout-text-color) !default;
 $ddl-bigger-small-list-text-indent: 16px !default;
 $ddl-bigger-small-list-header-font-size: 13px !default;
-
 $ddl-list-header-font-size: $ddl-group-list-font-size !default;
 $ddl-small-list-header-font-size: $ddl-group-list-font-size !default;
-
 @include export-module('dropdownbase-Material3') {
   .e-dropdownbase .e-list-item .e-list-icon {
     padding: 0 16px 0 0;
   }
-
   .e-small .e-dropdownbase .e-list-item .e-list-icon {
     padding: 0 12px 0 0;
   }
-
   .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
     padding: 0 16px 0 0;
   }

package/styles/drop-down-base/_theme.scss

@@ -21,8 +21,6 @@
     }
   }
 
-  // Rtl small size
-
   .e-small.e-rtl,
   .e-small .e-rtl,
   .e-rtl .e-small {
@@ -47,8 +45,6 @@
     }
   }
 
-  // Rtl bigger size
-
   .e-bigger.e-rtl,
   .e-bigger .e-rtl,
   .e-rtl .e-bigger {
@@ -68,8 +64,6 @@
     }
   }
 
-  // Rtl bigger small size
-
   .e-small.e-bigger.e-rtl,
   .e-small.e-bigger .e-rtl,
   .e-rtl .e-small.e-bigger,
@@ -143,10 +137,10 @@
 
       #{if(&, '&', '*')} .e-list-item.e-active,
       #{if(&, '&', '*')} .e-list-item.e-active.e-hover {
-        @if $skin-name == 'Material3' {
+        @if $skin-name == 'Material3' or $skin-name == 'fluent2' {
           background: $ddl-list-active-bg-color;
         }
-        @if $skin-name != 'Material3' {
+        @if $skin-name != 'Material3' and $skin-name != 'fluent2' {
           background-color: $ddl-list-active-bg-color;
         }
         border-color: $ddl-list-active-border-color;
@@ -263,7 +257,6 @@
     text-align: left;
   }
 
-  // small size
   .e-small .e-dropdownbase,
   .e-dropdownbase.e-small {
     @at-root {
@@ -288,8 +281,6 @@
     }
   }
 
-  // Bigger small size
-
   .e-bigger.e-small .e-dropdownbase,
   .e-dropdownbase.e-small.e-bigger {
     @at-root {

package/styles/drop-down-base/bootstrap-dark.css

@@ -87,7 +87,8 @@
 .e-mention.e-popup {
   background: #6e6e6e;
   border: 0;
-  box-shadow: 0 2px 3px 1px 0 6px 12px rgba(0, 0, 0, 0.5);
+  -webkit-box-shadow: 0 2px 3px 1px 0 6px 12px rgba(0, 0, 0, 0.5);
+          box-shadow: 0 2px 3px 1px 0 6px 12px rgba(0, 0, 0, 0.5);
   margin-top: 2px;
   position: absolute;
 }

package/styles/drop-down-base/bootstrap.css

@@ -87,7 +87,8 @@
 .e-mention.e-popup {
   background: #fff;
   border: 0;
-  box-shadow: 0 2px 3px 1px 0 6px 12px rgba(0, 0, 0, 0.175);
+  -webkit-box-shadow: 0 2px 3px 1px 0 6px 12px rgba(0, 0, 0, 0.175);
+          box-shadow: 0 2px 3px 1px 0 6px 12px rgba(0, 0, 0, 0.175);
   margin-top: 2px;
   position: absolute;
 }

package/styles/drop-down-base/bootstrap4.css

@@ -97,7 +97,8 @@
 .e-mention.e-popup {
   background: #fff;
   border: 0;
-  box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
+  -webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
+          box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
   margin-top: 2px;
   position: absolute;
 }

package/styles/drop-down-base/bootstrap5-dark.css

@@ -113,7 +113,8 @@
 .e-mention.e-popup {
   background: #212529;
   border: 0;
-  box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
+  -webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
+          box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
   margin-top: 2px;
   position: absolute;
 }

package/styles/drop-down-base/bootstrap5.css

@@ -113,7 +113,8 @@
 .e-mention.e-popup {
   background: #fff;
   border: 0;
-  box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
+  -webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
+          box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
   margin-top: 2px;
   position: absolute;
 }

package/styles/drop-down-base/fabric-dark.css

@@ -87,7 +87,8 @@
 .e-mention.e-popup {
   background: #514f4f;
   border: 0;
-  box-shadow: 0 2px 3px 1px 0 0 5px 0 rgba(0, 0, 0, 0.26);
+  -webkit-box-shadow: 0 2px 3px 1px 0 0 5px 0 rgba(0, 0, 0, 0.26);
+          box-shadow: 0 2px 3px 1px 0 0 5px 0 rgba(0, 0, 0, 0.26);
   margin-top: 2px;
   position: absolute;
 }

package/styles/drop-down-base/fabric.css

@@ -87,7 +87,8 @@
 .e-mention.e-popup {
   background: #fff;
   border: 0;
-  box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.4);
+  -webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.4);
+          box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.4);
   margin-top: 2px;
   position: absolute;
 }

package/styles/drop-down-base/fluent-dark.css

@@ -113,7 +113,8 @@
 .e-mention.e-popup {
   background: #252423;
   border: 0;
-  box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
+  -webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
+          box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
   margin-top: 2px;
   position: absolute;
 }

package/styles/drop-down-base/fluent.css

@@ -113,7 +113,8 @@
 .e-mention.e-popup {
   background: #fff;
   border: 0;
-  box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
+  -webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
+          box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
   margin-top: 2px;
   position: absolute;
 }