@syncfusion/ej2-dropdowns 26.2.13 → 27.1.48

package/styles/drop-down-base/highcontrast-light.scss

@@ -1,3 +1,4 @@
 @import 'ej2-base/styles/definition/highcontrast-light.scss';
 @import 'highcontrast-light-definition.scss';
 @import 'all.scss';
+@import 'bigger.scss';

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

@@ -1,9 +1,6 @@
 .e-dropdownbase .e-list-item .e-list-icon {
   padding: 0 10px 0 0;
 }
-.e-bigger .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 12px 0 0;
-}
 .e-dropdownbase .e-list-item:not(.e-active).e-hover {
   border: 2px solid #fff;
 }
@@ -21,32 +18,6 @@
   padding: 0 8px 0 0;
 }
 
-.e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 12px 0 0;
-}
-
-.e-bigger .e-dropdownbase,
-.e-dropdownbase.e-bigger {
-  min-height: 45px;
-}
-.e-bigger .e-dropdownbase .e-list-item,
-.e-dropdownbase.e-bigger .e-list-item {
-  line-height: 48px;
-  text-indent: 10px;
-}
-
-.e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head,
-.e-dropdownbase.e-bigger .e-list-group-item,
-.e-dropdownbase.e-bigger .e-fixed-head {
-  line-height: 48px;
-  text-indent: 10px;
-}
-
-.e-bigger .e-dropdownbase .e-list-item .e-list-icon,
-.e-dropdownbase.e-bigger .e-list-item .e-list-icon {
-  font-size: 20px;
-}
-
 .e-dropdownbase {
   display: block;
   height: 100%;
@@ -146,14 +117,6 @@
   padding-left: 20px;
 }
 
-.e-bigger .e-dropdownbase.e-dd-group .e-list-item {
-  padding-left: 20px;
-}
-
-.e-small.e-bigger .e-dropdownbase.e-dd-group .e-list-item {
-  padding-left: 20px;
-}
-
 .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
   text-indent: 0;
 }
@@ -183,14 +146,6 @@
   padding-left: 16px;
   padding-right: 0;
 }
-.e-small.e-bigger.e-rtl .e-dropdownbase .e-list-item,
-.e-small.e-bigger .e-rtl .e-dropdownbase .e-list-item,
-.e-rtl .e-small.e-bigger .e-dropdownbase .e-list-item,
-.e-small .e-rtl.e-bigger .e-dropdownbase .e-list-item,
-.e-bigger .e-rtl.e-small .e-dropdownbase .e-list-item {
-  padding-left: 16px;
-  padding-right: 0;
-}
 .e-dropdownbase {
   border-color: #969696;
 }
@@ -245,11 +200,6 @@
   background-color: #685708;
 }
 
-.e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head {
-  font-size: 14px;
-  padding-left: 10px;
-}
-
 .e-multi-column.e-ddl.e-popup.e-popup-open table {
   border-collapse: collapse;
   table-layout: fixed;
@@ -329,33 +279,6 @@
   font-size: 14px;
 }
 
-.e-bigger.e-small .e-dropdownbase .e-list-item,
-.e-dropdownbase.e-small.e-bigger .e-list-item {
-  color: #fff;
-  line-height: 40px;
-  min-height: 40px;
-  text-indent: 16px;
-}
-
-.e-bigger.e-small .e-dropdownbase .e-list-group-item, .e-bigger.e-small .e-dropdownbase .e-fixed-head,
-.e-dropdownbase.e-small.e-bigger .e-list-group-item,
-.e-dropdownbase.e-small.e-bigger .e-fixed-head {
-  line-height: 40px;
-  min-height: 40px;
-  padding-left: 10px;
-}
-
-.e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon,
-.e-dropdownbase.e-small.e-bigger .e-list-item .e-list-icon {
-  font-size: 18px;
-}
-
-.e-bigger.e-small .e-dropdownbase .e-list-group-item, .e-bigger.e-small .e-dropdownbase .e-fixed-head,
-.e-dropdownbase.e-bigger.e-small .e-list-group-item,
-.e-dropdownbase.e-bigger.e-small .e-fixed-head {
-  font-size: 14px;
-}
-
 .e-ddl.e-popup.e-multiselect-group .e-list-group-item {
   background-color: #000;
   border-bottom: 2px;
@@ -386,4 +309,79 @@
 
 .e-selectall-parent.e-item-focus {
   background-color: #685708;
+}
+
+.e-bigger .e-dropdownbase,
+.e-dropdownbase.e-bigger {
+  min-height: 45px;
+}
+.e-bigger .e-dropdownbase .e-list-item,
+.e-dropdownbase.e-bigger .e-list-item {
+  line-height: 48px;
+  text-indent: 10px;
+}
+
+.e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head,
+.e-dropdownbase.e-bigger .e-list-group-item,
+.e-dropdownbase.e-bigger .e-fixed-head {
+  line-height: 48px;
+  text-indent: 10px;
+}
+
+.e-bigger .e-dropdownbase .e-list-item .e-list-icon,
+.e-dropdownbase.e-bigger .e-list-item .e-list-icon {
+  font-size: 20px;
+}
+
+.e-bigger .e-dropdownbase.e-dd-group .e-list-item {
+  padding-left: 20px;
+}
+
+.e-small.e-bigger .e-dropdownbase.e-dd-group .e-list-item {
+  padding-left: 20px;
+}
+
+.e-small.e-bigger.e-rtl .e-dropdownbase .e-list-item,
+.e-small.e-bigger .e-rtl .e-dropdownbase .e-list-item,
+.e-rtl .e-small.e-bigger .e-dropdownbase .e-list-item,
+.e-small .e-rtl.e-bigger .e-dropdownbase .e-list-item,
+.e-bigger .e-rtl.e-small .e-dropdownbase .e-list-item {
+  padding-left: 16px;
+  padding-right: 0;
+}
+.e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head {
+  font-size: 14px;
+  padding-left: 10px;
+}
+
+.e-bigger.e-small .e-dropdownbase .e-list-group-item, .e-bigger.e-small .e-dropdownbase .e-fixed-head,
+.e-dropdownbase.e-bigger.e-small .e-list-group-item,
+.e-dropdownbase.e-bigger.e-small .e-fixed-head {
+  font-size: 14px;
+}
+
+.e-bigger.e-small .e-dropdownbase .e-list-item,
+.e-dropdownbase.e-small.e-bigger .e-list-item {
+  color: #fff;
+  line-height: 40px;
+  min-height: 40px;
+  text-indent: 16px;
+}
+
+.e-bigger.e-small .e-dropdownbase .e-list-group-item, .e-bigger.e-small .e-dropdownbase .e-fixed-head,
+.e-dropdownbase.e-small.e-bigger .e-list-group-item,
+.e-dropdownbase.e-small.e-bigger .e-fixed-head {
+  line-height: 40px;
+  min-height: 40px;
+  padding-left: 10px;
+}
+
+.e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon,
+.e-dropdownbase.e-small.e-bigger .e-list-item .e-list-icon {
+  font-size: 18px;
+}
+
+.e-bigger .e-dropdownbase .e-list-item .e-list-icon,
+.e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
+  padding: 0 12px 0 0;
 }

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

@@ -1,3 +1,4 @@
 @import 'ej2-base/styles/definition/highcontrast.scss';
 @import 'highcontrast-definition.scss';
 @import 'all.scss';
+@import 'bigger.scss';

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

@@ -6,32 +6,6 @@
   padding: 0 12px 0 0;
 }
 
-.e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 16px 0 0;
-}
-
-.e-bigger .e-dropdownbase,
-.e-dropdownbase.e-bigger {
-  min-height: 45px;
-}
-.e-bigger .e-dropdownbase .e-list-item,
-.e-dropdownbase.e-bigger .e-list-item {
-  line-height: 48px;
-  text-indent: 16px;
-}
-
-.e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head,
-.e-dropdownbase.e-bigger .e-list-group-item,
-.e-dropdownbase.e-bigger .e-fixed-head {
-  line-height: 48px;
-  text-indent: 16px;
-}
-
-.e-bigger .e-dropdownbase .e-list-item .e-list-icon,
-.e-dropdownbase.e-bigger .e-list-item .e-list-icon {
-  font-size: 20px;
-}
-
 .e-dropdownbase {
   display: block;
   height: 100%;
@@ -131,14 +105,6 @@
   padding-left: 2em;
 }
 
-.e-bigger .e-dropdownbase.e-dd-group .e-list-item {
-  padding-left: 2em;
-}
-
-.e-small.e-bigger .e-dropdownbase.e-dd-group .e-list-item {
-  padding-left: 2em;
-}
-
 .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
   text-indent: 0;
 }
@@ -168,14 +134,6 @@
   padding-left: 16px;
   padding-right: 0;
 }
-.e-small.e-bigger.e-rtl .e-dropdownbase .e-list-item,
-.e-small.e-bigger .e-rtl .e-dropdownbase .e-list-item,
-.e-rtl .e-small.e-bigger .e-dropdownbase .e-list-item,
-.e-small .e-rtl.e-bigger .e-dropdownbase .e-list-item,
-.e-bigger .e-rtl.e-small .e-dropdownbase .e-list-item {
-  padding-left: 16px;
-  padding-right: 0;
-}
 .e-dropdownbase {
   border-color: transparent;
 }
@@ -230,11 +188,6 @@
   background-color: rgba(255, 255, 255, 0.05);
 }
 
-.e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head {
-  font-size: 14px;
-  padding-left: 16px;
-}
-
 .e-multi-column.e-ddl.e-popup.e-popup-open table {
   border-collapse: collapse;
   table-layout: fixed;
@@ -314,33 +267,6 @@
   font-size: 14px;
 }
 
-.e-bigger.e-small .e-dropdownbase .e-list-item,
-.e-dropdownbase.e-small.e-bigger .e-list-item {
-  color: #000;
-  line-height: 40px;
-  min-height: 40px;
-  text-indent: 16px;
-}
-
-.e-bigger.e-small .e-dropdownbase .e-list-group-item, .e-bigger.e-small .e-dropdownbase .e-fixed-head,
-.e-dropdownbase.e-small.e-bigger .e-list-group-item,
-.e-dropdownbase.e-small.e-bigger .e-fixed-head {
-  line-height: 40px;
-  min-height: 40px;
-  padding-left: 16px;
-}
-
-.e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon,
-.e-dropdownbase.e-small.e-bigger .e-list-item .e-list-icon {
-  font-size: 18px;
-}
-
-.e-bigger.e-small .e-dropdownbase .e-list-group-item, .e-bigger.e-small .e-dropdownbase .e-fixed-head,
-.e-dropdownbase.e-bigger.e-small .e-list-group-item,
-.e-dropdownbase.e-bigger.e-small .e-fixed-head {
-  font-size: 13px;
-}
-
 .e-ddl.e-popup.e-multiselect-group .e-list-group-item {
   background-color: #424242;
   border-bottom: 0;
@@ -371,4 +297,78 @@
 
 .e-selectall-parent.e-item-focus {
   background-color: rgba(255, 255, 255, 0.05);
+}
+
+.e-bigger .e-dropdownbase,
+.e-dropdownbase.e-bigger {
+  min-height: 45px;
+}
+.e-bigger .e-dropdownbase .e-list-item,
+.e-dropdownbase.e-bigger .e-list-item {
+  line-height: 48px;
+  text-indent: 16px;
+}
+
+.e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head,
+.e-dropdownbase.e-bigger .e-list-group-item,
+.e-dropdownbase.e-bigger .e-fixed-head {
+  line-height: 48px;
+  text-indent: 16px;
+}
+
+.e-bigger .e-dropdownbase .e-list-item .e-list-icon,
+.e-dropdownbase.e-bigger .e-list-item .e-list-icon {
+  font-size: 20px;
+}
+
+.e-bigger .e-dropdownbase.e-dd-group .e-list-item {
+  padding-left: 2em;
+}
+
+.e-small.e-bigger .e-dropdownbase.e-dd-group .e-list-item {
+  padding-left: 2em;
+}
+
+.e-small.e-bigger.e-rtl .e-dropdownbase .e-list-item,
+.e-small.e-bigger .e-rtl .e-dropdownbase .e-list-item,
+.e-rtl .e-small.e-bigger .e-dropdownbase .e-list-item,
+.e-small .e-rtl.e-bigger .e-dropdownbase .e-list-item,
+.e-bigger .e-rtl.e-small .e-dropdownbase .e-list-item {
+  padding-left: 16px;
+  padding-right: 0;
+}
+.e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head {
+  font-size: 14px;
+  padding-left: 16px;
+}
+
+.e-bigger.e-small .e-dropdownbase .e-list-group-item, .e-bigger.e-small .e-dropdownbase .e-fixed-head,
+.e-dropdownbase.e-bigger.e-small .e-list-group-item,
+.e-dropdownbase.e-bigger.e-small .e-fixed-head {
+  font-size: 13px;
+}
+
+.e-bigger.e-small .e-dropdownbase .e-list-item,
+.e-dropdownbase.e-small.e-bigger .e-list-item {
+  color: #000;
+  line-height: 40px;
+  min-height: 40px;
+  text-indent: 16px;
+}
+
+.e-bigger.e-small .e-dropdownbase .e-list-group-item, .e-bigger.e-small .e-dropdownbase .e-fixed-head,
+.e-dropdownbase.e-small.e-bigger .e-list-group-item,
+.e-dropdownbase.e-small.e-bigger .e-fixed-head {
+  line-height: 40px;
+  min-height: 40px;
+  padding-left: 16px;
+}
+
+.e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon,
+.e-dropdownbase.e-small.e-bigger .e-list-item .e-list-icon {
+  font-size: 18px;
+}
+
+.e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
+  padding: 0 16px 0 0;
 }

package/styles/drop-down-base/material-dark.scss

@@ -1,3 +1,4 @@
 @import 'ej2-base/styles/definition/material-dark.scss';
 @import 'material-dark-definition.scss';
 @import 'all.scss';
+@import 'bigger.scss';

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

@@ -6,32 +6,6 @@
   padding: 0 12px 0 0;
 }
 
-.e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 16px 0 0;
-}
-
-.e-bigger .e-dropdownbase,
-.e-dropdownbase.e-bigger {
-  min-height: 45px;
-}
-.e-bigger .e-dropdownbase .e-list-item,
-.e-dropdownbase.e-bigger .e-list-item {
-  line-height: 48px;
-  text-indent: 16px;
-}
-
-.e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head,
-.e-dropdownbase.e-bigger .e-list-group-item,
-.e-dropdownbase.e-bigger .e-fixed-head {
-  line-height: 48px;
-  text-indent: 16px;
-}
-
-.e-bigger .e-dropdownbase .e-list-item .e-list-icon,
-.e-dropdownbase.e-bigger .e-list-item .e-list-icon {
-  font-size: 20px;
-}
-
 .e-dropdownbase {
   display: block;
   height: 100%;
@@ -131,14 +105,6 @@
   padding-left: 2em;
 }
 
-.e-bigger .e-dropdownbase.e-dd-group .e-list-item {
-  padding-left: 2em;
-}
-
-.e-small.e-bigger .e-dropdownbase.e-dd-group .e-list-item {
-  padding-left: 2em;
-}
-
 .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
   text-indent: 0;
 }
@@ -168,14 +134,6 @@
   padding-left: 16px;
   padding-right: 0;
 }
-.e-small.e-bigger.e-rtl .e-dropdownbase .e-list-item,
-.e-small.e-bigger .e-rtl .e-dropdownbase .e-list-item,
-.e-rtl .e-small.e-bigger .e-dropdownbase .e-list-item,
-.e-small .e-rtl.e-bigger .e-dropdownbase .e-list-item,
-.e-bigger .e-rtl.e-small .e-dropdownbase .e-list-item {
-  padding-left: 16px;
-  padding-right: 0;
-}
 .e-dropdownbase {
   border-color: #e0e0e0;
 }
@@ -230,11 +188,6 @@
   background-color: #eee;
 }
 
-.e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head {
-  font-size: 14px;
-  padding-left: 16px;
-}
-
 .e-multi-column.e-ddl.e-popup.e-popup-open table {
   border-collapse: collapse;
   table-layout: fixed;
@@ -314,33 +267,6 @@
   font-size: 14px;
 }
 
-.e-bigger.e-small .e-dropdownbase .e-list-item,
-.e-dropdownbase.e-small.e-bigger .e-list-item {
-  color: #000;
-  line-height: 40px;
-  min-height: 40px;
-  text-indent: 16px;
-}
-
-.e-bigger.e-small .e-dropdownbase .e-list-group-item, .e-bigger.e-small .e-dropdownbase .e-fixed-head,
-.e-dropdownbase.e-small.e-bigger .e-list-group-item,
-.e-dropdownbase.e-small.e-bigger .e-fixed-head {
-  line-height: 40px;
-  min-height: 40px;
-  padding-left: 16px;
-}
-
-.e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon,
-.e-dropdownbase.e-small.e-bigger .e-list-item .e-list-icon {
-  font-size: 18px;
-}
-
-.e-bigger.e-small .e-dropdownbase .e-list-group-item, .e-bigger.e-small .e-dropdownbase .e-fixed-head,
-.e-dropdownbase.e-bigger.e-small .e-list-group-item,
-.e-dropdownbase.e-bigger.e-small .e-fixed-head {
-  font-size: 13px;
-}
-
 .e-ddl.e-popup.e-multiselect-group .e-list-group-item {
   background-color: #fff;
   border-bottom: 0;
@@ -371,4 +297,78 @@
 
 .e-selectall-parent.e-item-focus {
   background-color: #eee;
+}
+
+.e-bigger .e-dropdownbase,
+.e-dropdownbase.e-bigger {
+  min-height: 45px;
+}
+.e-bigger .e-dropdownbase .e-list-item,
+.e-dropdownbase.e-bigger .e-list-item {
+  line-height: 48px;
+  text-indent: 16px;
+}
+
+.e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head,
+.e-dropdownbase.e-bigger .e-list-group-item,
+.e-dropdownbase.e-bigger .e-fixed-head {
+  line-height: 48px;
+  text-indent: 16px;
+}
+
+.e-bigger .e-dropdownbase .e-list-item .e-list-icon,
+.e-dropdownbase.e-bigger .e-list-item .e-list-icon {
+  font-size: 20px;
+}
+
+.e-bigger .e-dropdownbase.e-dd-group .e-list-item {
+  padding-left: 2em;
+}
+
+.e-small.e-bigger .e-dropdownbase.e-dd-group .e-list-item {
+  padding-left: 2em;
+}
+
+.e-small.e-bigger.e-rtl .e-dropdownbase .e-list-item,
+.e-small.e-bigger .e-rtl .e-dropdownbase .e-list-item,
+.e-rtl .e-small.e-bigger .e-dropdownbase .e-list-item,
+.e-small .e-rtl.e-bigger .e-dropdownbase .e-list-item,
+.e-bigger .e-rtl.e-small .e-dropdownbase .e-list-item {
+  padding-left: 16px;
+  padding-right: 0;
+}
+.e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head {
+  font-size: 14px;
+  padding-left: 16px;
+}
+
+.e-bigger.e-small .e-dropdownbase .e-list-group-item, .e-bigger.e-small .e-dropdownbase .e-fixed-head,
+.e-dropdownbase.e-bigger.e-small .e-list-group-item,
+.e-dropdownbase.e-bigger.e-small .e-fixed-head {
+  font-size: 13px;
+}
+
+.e-bigger.e-small .e-dropdownbase .e-list-item,
+.e-dropdownbase.e-small.e-bigger .e-list-item {
+  color: #000;
+  line-height: 40px;
+  min-height: 40px;
+  text-indent: 16px;
+}
+
+.e-bigger.e-small .e-dropdownbase .e-list-group-item, .e-bigger.e-small .e-dropdownbase .e-fixed-head,
+.e-dropdownbase.e-small.e-bigger .e-list-group-item,
+.e-dropdownbase.e-small.e-bigger .e-fixed-head {
+  line-height: 40px;
+  min-height: 40px;
+  padding-left: 16px;
+}
+
+.e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon,
+.e-dropdownbase.e-small.e-bigger .e-list-item .e-list-icon {
+  font-size: 18px;
+}
+
+.e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
+  padding: 0 16px 0 0;
 }

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

@@ -1,3 +1,4 @@
 @import 'ej2-base/styles/definition/material.scss';
 @import 'material-definition.scss';
 @import 'all.scss';
+@import 'bigger.scss';