@syncfusion/ej2-dropdowns 26.2.11 → 27.1.48

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

@@ -46,11 +46,6 @@
   padding: 0 10px 0 0;
 }
 
-.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;
-}
-
 .e-small .e-dropdownbase .e-list-item .e-list-icon {
   padding: 0 8px 0 0;
 }
@@ -361,6 +356,38 @@
   display: none;
 }
 
+.e-ddt .e-chips {
+  background-color: #e6e6e6;
+}
+.e-ddt .e-chips .e-chips-close::before {
+  color: #333;
+}
+.e-ddt .e-chips > .e-chipcontent {
+  color: #333;
+}
+.e-ddt .e-overflow .e-remain {
+  color: #888;
+}
+.e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
+  background-color: #fff;
+}
+.e-ddt.e-popup {
+  background: #fff;
+  border-color: #ccc;
+}
+.e-ddt.e-popup .e-popup-content.e-no-data {
+  color: #777;
+}
+.e-ddt.e-popup .e-selectall-parent {
+  border-bottom-color: #e6e6e6;
+}
+.e-ddt.e-popup .e-selectall-parent:focus {
+  background: #f5f5f5;
+}
+.e-ddt.e-popup .e-selectall-parent .e-all-text {
+  color: #333;
+}
+
 .e-bigger .e-ddt .e-chips,
 .e-ddt.e-bigger .e-chips {
   height: 34px;
@@ -431,36 +458,4 @@
 .e-ddt.e-bigger.e-rtl.e-show-text.e-input-group.e-show-dd-icon .e-clear-icon {
   left: 38px;
   right: auto;
-}
-
-.e-ddt .e-chips {
-  background-color: #e6e6e6;
-}
-.e-ddt .e-chips .e-chips-close::before {
-  color: #333;
-}
-.e-ddt .e-chips > .e-chipcontent {
-  color: #333;
-}
-.e-ddt .e-overflow .e-remain {
-  color: #888;
-}
-.e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
-  background-color: #fff;
-}
-.e-ddt.e-popup {
-  background: #fff;
-  border-color: #ccc;
-}
-.e-ddt.e-popup .e-popup-content.e-no-data {
-  color: #777;
-}
-.e-ddt.e-popup .e-selectall-parent {
-  border-bottom-color: #e6e6e6;
-}
-.e-ddt.e-popup .e-selectall-parent:focus {
-  background: #f5f5f5;
-}
-.e-ddt.e-popup .e-selectall-parent .e-all-text {
-  color: #333;
 }

package/styles/drop-down-tree/bootstrap.scss

@@ -7,3 +7,4 @@
 @import 'bootstrap-definition.scss';
 @import 'icons/bootstrap.scss';
 @import 'all.scss';
+@import 'bigger.scss';

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

@@ -45,15 +45,6 @@
   padding: 0 8px 0 0;
 }
 
-.e-bigger .e-dropdownbase .e-list-item .e-list-icon {
-  font-size: 16px;
-}
-
-.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;
-}
-
 .e-small .e-dropdownbase .e-list-item .e-list-icon {
   padding: 0 8px 0 0;
 }
@@ -373,6 +364,44 @@
   display: none;
 }
 
+.e-ddt .e-chips {
+  background-color: #6c757d;
+}
+.e-ddt .e-chips .e-chips-close::before {
+  color: #fff;
+}
+.e-ddt .e-chips > .e-chipcontent {
+  color: #fff;
+}
+.e-ddt .e-overflow {
+  color: #6c757d;
+}
+.e-ddt .e-overflow .e-remain {
+  color: #6c757d;
+}
+.e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
+  background-color: #fff;
+}
+.e-ddt.e-input-group.e-control-wrapper .e-input[readonly], .e-ddt.e-float-input.e-control-wrapper input[readonly] {
+  background: #fff;
+}
+.e-ddt.e-popup {
+  background: #fff;
+  border-color: rgba(0, 0, 0, 0.15);
+}
+.e-ddt.e-popup .e-popup-content.e-no-data {
+  color: #212529;
+}
+.e-ddt.e-popup .e-selectall-parent {
+  border-bottom-color: rgba(0, 0, 0, 0.15);
+}
+.e-ddt.e-popup .e-selectall-parent:focus {
+  background: #f2f4f6;
+}
+.e-ddt.e-popup .e-selectall-parent .e-all-text {
+  color: #212529;
+}
+
 .e-bigger .e-ddt .e-chips,
 .e-ddt.e-bigger .e-chips {
   height: 32px;
@@ -458,42 +487,4 @@
 .e-ddt.e-bigger.e-rtl.e-show-text.e-input-group.e-show-dd-icon .e-clear-icon {
   left: 32px;
   right: auto;
-}
-
-.e-ddt .e-chips {
-  background-color: #6c757d;
-}
-.e-ddt .e-chips .e-chips-close::before {
-  color: #fff;
-}
-.e-ddt .e-chips > .e-chipcontent {
-  color: #fff;
-}
-.e-ddt .e-overflow {
-  color: #6c757d;
-}
-.e-ddt .e-overflow .e-remain {
-  color: #6c757d;
-}
-.e-ddt.e-input-group.e-control-wrapper .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
-  background-color: #fff;
-}
-.e-ddt.e-input-group.e-control-wrapper .e-input[readonly], .e-ddt.e-float-input.e-control-wrapper input[readonly] {
-  background: #fff;
-}
-.e-ddt.e-popup {
-  background: #fff;
-  border-color: rgba(0, 0, 0, 0.15);
-}
-.e-ddt.e-popup .e-popup-content.e-no-data {
-  color: #212529;
-}
-.e-ddt.e-popup .e-selectall-parent {
-  border-bottom-color: rgba(0, 0, 0, 0.15);
-}
-.e-ddt.e-popup .e-selectall-parent:focus {
-  background: #f2f4f6;
-}
-.e-ddt.e-popup .e-selectall-parent .e-all-text {
-  color: #212529;
 }

package/styles/drop-down-tree/bootstrap4.scss

@@ -7,3 +7,4 @@
 @import 'bootstrap4-definition.scss';
 @import 'icons/bootstrap4.scss';
 @import 'all.scss';
+@import 'bigger.scss';

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

@@ -55,29 +55,10 @@
   font-size: 10px;
 }
 
-.e-bigger .e-dropdownbase .e-list-group-item,
-.e-bigger .e-fixed-head,
-.e-bigger.e-dropdownbase .e-list-group-item,
-.e-bigger.e-fixed-head {
-  font-size: 14px;
-}
-
-.e-bigger.e-small .e-dropdownbase .e-list-group-item,
-.e-bigger.e-small .e-fixed-head,
-.e-bigger.e-small.e-dropdownbase .e-list-group-item,
-.e-bigger.e-small.e-fixed-head {
-  font-size: 12px;
-}
-
 .e-dropdownbase .e-list-item .e-list-icon {
   padding: 0 8px 0 0;
 }
 
-.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;
-}
-
 .e-small .e-dropdownbase .e-list-item .e-list-icon {
   padding: 0 6px 0 0;
 }
@@ -386,6 +367,42 @@
   display: none;
 }
 
+.e-ddt .e-chips {
+  background-color: #6c757d;
+}
+.e-ddt .e-chips .e-chips-close::before {
+  color: #fff;
+}
+.e-ddt .e-chips > .e-chipcontent {
+  color: #fff;
+}
+.e-ddt .e-overflow .e-remain {
+  color: #7b848d;
+}
+.e-ddt.e-input-group.e-control-wrapper .e-input[readonly], .e-ddt.e-float-input.e-control-wrapper input[readonly] {
+  background: #212529;
+}
+.e-ddt.e-input-group.e-control-wrapper .e-input[readonly] ~ span.e-input-group-icon.e-ddt-icon, .e-ddt.e-float-input.e-control-wrapper input[readonly] ~ span.e-input-group-icon.e-ddt-icon {
+  background: transparent;
+  color: #adb5bd;
+}
+.e-ddt.e-popup {
+  background: #343a40;
+  border-color: #444c54;
+}
+.e-ddt.e-popup .e-popup-content.e-no-data {
+  color: #fff;
+}
+.e-ddt.e-popup .e-selectall-parent {
+  border-bottom-color: #444c54;
+}
+.e-ddt.e-popup .e-selectall-parent:focus {
+  background: #31373d;
+}
+.e-ddt.e-popup .e-selectall-parent .e-all-text {
+  color: #fff;
+}
+
 .e-bigger .e-ddt .e-chips,
 .e-ddt.e-bigger .e-chips {
   height: 30px;
@@ -506,40 +523,4 @@
 .e-ddt.e-bigger.e-rtl.e-show-chip.e-input-group.e-show-dd-icon .e-clear-icon,
 .e-ddt.e-bigger.e-rtl.e-show-text.e-input-group.e-show-dd-icon .e-clear-icon {
   right: auto;
-}
-
-.e-ddt .e-chips {
-  background-color: #6c757d;
-}
-.e-ddt .e-chips .e-chips-close::before {
-  color: #fff;
-}
-.e-ddt .e-chips > .e-chipcontent {
-  color: #fff;
-}
-.e-ddt .e-overflow .e-remain {
-  color: #7b848d;
-}
-.e-ddt.e-input-group.e-control-wrapper .e-input[readonly], .e-ddt.e-float-input.e-control-wrapper input[readonly] {
-  background: #212529;
-}
-.e-ddt.e-input-group.e-control-wrapper .e-input[readonly] ~ span.e-input-group-icon.e-ddt-icon, .e-ddt.e-float-input.e-control-wrapper input[readonly] ~ span.e-input-group-icon.e-ddt-icon {
-  background: transparent;
-  color: #adb5bd;
-}
-.e-ddt.e-popup {
-  background: #343a40;
-  border-color: #444c54;
-}
-.e-ddt.e-popup .e-popup-content.e-no-data {
-  color: #fff;
-}
-.e-ddt.e-popup .e-selectall-parent {
-  border-bottom-color: #444c54;
-}
-.e-ddt.e-popup .e-selectall-parent:focus {
-  background: #31373d;
-}
-.e-ddt.e-popup .e-selectall-parent .e-all-text {
-  color: #fff;
 }

package/styles/drop-down-tree/bootstrap5-dark.scss

@@ -7,3 +7,4 @@
 @import 'bootstrap5-dark-definition.scss';
 @import 'icons/bootstrap5-dark.scss';
 @import 'all.scss';
+@import 'bigger.scss';