npm - @syncfusion/ej2-angular-dropdowns - Versions diffs - 20.2.36 → 20.2.37-ngcc - Mend

@syncfusion/ej2-angular-dropdowns 20.2.36 → 20.2.37-ngcc

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

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

@@ -1,9 +1 @@
-@import 'ej2-base/styles/bootstrap4-definition.scss';
-@import 'ej2-inputs/styles/input/bootstrap4-definition.scss';
-@import 'ej2-popups/styles/popup/bootstrap4-definition.scss';
-@import 'ej2-popups/styles/spinner/bootstrap4-definition.scss';
-@import 'ej2-navigations/styles/treeview/bootstrap4-definition.scss';
-@import '../drop-down-base/bootstrap4-definition.scss';
-@import 'bootstrap4-definition.scss';
-@import 'icons/bootstrap4.scss';
-@import 'all.scss';
+@import 'ej2-dropdowns/styles/drop-down-tree/bootstrap4.scss';

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

@@ -1,9 +1 @@
-@import 'ej2-base/styles/bootstrap5-dark-definition.scss';
-@import 'ej2-inputs/styles/input/bootstrap5-dark-definition.scss';
-@import 'ej2-popups/styles/popup/bootstrap5-dark-definition.scss';
-@import 'ej2-popups/styles/spinner/bootstrap5-dark-definition.scss';
-@import 'ej2-navigations/styles/treeview/bootstrap5-dark-definition.scss';
-@import '../drop-down-base/bootstrap5-dark-definition.scss';
-@import 'bootstrap5-dark-definition.scss';
-@import 'icons/bootstrap5-dark.scss';
-@import 'all.scss';
+@import 'ej2-dropdowns/styles/drop-down-tree/bootstrap5-dark.scss';

package/styles/drop-down-tree/bootstrap5.scss CHANGED Viewed

@@ -1,9 +1 @@
-@import 'ej2-base/styles/bootstrap5-definition.scss';
-@import 'ej2-inputs/styles/input/bootstrap5-definition.scss';
-@import 'ej2-popups/styles/popup/bootstrap5-definition.scss';
-@import 'ej2-popups/styles/spinner/bootstrap5-definition.scss';
-@import 'ej2-navigations/styles/treeview/bootstrap5-definition.scss';
-@import '../drop-down-base/bootstrap5-definition.scss';
-@import 'bootstrap5-definition.scss';
-@import 'icons/bootstrap5.scss';
-@import 'all.scss';
+@import 'ej2-dropdowns/styles/drop-down-tree/bootstrap5.scss';

package/styles/drop-down-tree/fabric-dark.scss CHANGED Viewed

@@ -1,9 +1 @@
-@import 'ej2-base/styles/fabric-dark-definition.scss';
-@import 'ej2-inputs/styles/input/fabric-dark-definition.scss';
-@import 'ej2-popups/styles/popup/fabric-dark-definition.scss';
-@import 'ej2-popups/styles/spinner/fabric-dark-definition.scss';
-@import 'ej2-navigations/styles/treeview/fabric-dark-definition.scss';
-@import '../drop-down-base/fabric-dark-definition.scss';
-@import 'fabric-dark-definition.scss';
-@import 'icons/fabric-dark.scss';
-@import 'all.scss';
+@import 'ej2-dropdowns/styles/drop-down-tree/fabric-dark.scss';

package/styles/drop-down-tree/fabric.scss CHANGED Viewed

@@ -1,9 +1 @@
-@import 'ej2-base/styles/fabric-definition.scss';
-@import 'ej2-inputs/styles/input/fabric-definition.scss';
-@import 'ej2-popups/styles/popup/fabric-definition.scss';
-@import 'ej2-popups/styles/spinner/fabric-definition.scss';
-@import 'ej2-navigations/styles/treeview/fabric-definition.scss';
-@import '../drop-down-base/fabric-definition.scss';
-@import 'fabric-definition.scss';
-@import 'icons/fabric.scss';
-@import 'all.scss';
+@import 'ej2-dropdowns/styles/drop-down-tree/fabric.scss';

package/styles/drop-down-tree/fluent-dark.scss CHANGED Viewed

@@ -1,9 +1 @@
-@import 'ej2-base/styles/fluent-dark-definition.scss';
-@import 'ej2-inputs/styles/input/fluent-dark-definition.scss';
-@import 'ej2-popups/styles/popup/fluent-dark-definition.scss';
-@import 'ej2-popups/styles/spinner/fluent-dark-definition.scss';
-@import 'ej2-navigations/styles/treeview/fluent-dark-definition.scss';
-@import '../drop-down-base/fluent-dark-definition.scss';
-@import 'fluent-dark-definition.scss';
-@import 'icons/fluent-dark.scss';
-@import 'all.scss';
+@import 'ej2-dropdowns/styles/drop-down-tree/fluent-dark.scss';

package/styles/drop-down-tree/fluent.scss CHANGED Viewed

@@ -1,9 +1 @@
-@import 'ej2-base/styles/fluent-definition.scss';
-@import 'ej2-inputs/styles/input/fluent-definition.scss';
-@import 'ej2-popups/styles/popup/fluent-definition.scss';
-@import 'ej2-popups/styles/spinner/fluent-definition.scss';
-@import 'ej2-navigations/styles/treeview/fluent-definition.scss';
-@import '../drop-down-base/fluent-definition.scss';
-@import 'fluent-definition.scss';
-@import 'icons/fluent.scss';
-@import 'all.scss';
+@import 'ej2-dropdowns/styles/drop-down-tree/fluent.scss';

package/styles/drop-down-tree/highcontrast-light.scss CHANGED Viewed

@@ -1,9 +1 @@
-@import 'ej2-base/styles/highcontrast-light-definition.scss';
-@import 'ej2-inputs/styles/input/highcontrast-light-definition.scss';
-@import 'ej2-popups/styles/popup/highcontrast-light-definition.scss';
-@import 'ej2-popups/styles/spinner/highcontrast-light-definition.scss';
-@import 'ej2-navigations/styles/treeview/highcontrast-light-definition.scss';
-@import '../drop-down-base/highcontrast-light-definition.scss';
-@import 'highcontrast-light-definition.scss';
-@import 'icons/highcontrast-light.scss';
-@import 'all.scss';
+@import 'ej2-dropdowns/styles/drop-down-tree/highcontrast-light.scss';

package/styles/drop-down-tree/highcontrast.scss CHANGED Viewed

@@ -1,9 +1 @@
-@import 'ej2-base/styles/highcontrast-definition.scss';
-@import 'ej2-inputs/styles/input/highcontrast-definition.scss';
-@import 'ej2-popups/styles/popup/highcontrast-definition.scss';
-@import 'ej2-popups/styles/spinner/highcontrast-definition.scss';
-@import 'ej2-navigations/styles/treeview/highcontrast-definition.scss';
-@import '../drop-down-base/highcontrast-definition.scss';
-@import 'highcontrast-definition.scss';
-@import 'icons/highcontrast.scss';
-@import 'all.scss';
+@import 'ej2-dropdowns/styles/drop-down-tree/highcontrast.scss';

package/styles/drop-down-tree/material-dark.scss CHANGED Viewed

@@ -1,9 +1 @@
-@import 'ej2-base/styles/material-dark-definition.scss';
-@import 'ej2-inputs/styles/input/material-dark-definition.scss';
-@import 'ej2-popups/styles/popup/material-dark-definition.scss';
-@import 'ej2-popups/styles/spinner/material-dark-definition.scss';
-@import 'ej2-navigations/styles/treeview/material-dark-definition.scss';
-@import '../drop-down-base/material-dark-definition.scss';
-@import 'material-dark-definition.scss';
-@import 'icons/material-dark.scss';
-@import 'all.scss';
+@import 'ej2-dropdowns/styles/drop-down-tree/material-dark.scss';

package/styles/drop-down-tree/material.scss CHANGED Viewed

@@ -1,9 +1 @@
-@import 'ej2-base/styles/material-definition.scss';
-@import 'ej2-inputs/styles/input/material-definition.scss';
-@import 'ej2-popups/styles/popup/material-definition.scss';
-@import 'ej2-popups/styles/spinner/material-definition.scss';
-@import 'ej2-navigations/styles/treeview/material-definition.scss';
-@import '../drop-down-base/material-definition.scss';
-@import 'material-definition.scss';
-@import 'icons/material.scss';
-@import 'all.scss';
+@import 'ej2-dropdowns/styles/drop-down-tree/material.scss';

package/styles/drop-down-tree/tailwind-dark.scss CHANGED Viewed

@@ -1,9 +1 @@
-@import 'ej2-base/styles/tailwind-dark-definition.scss';
-@import 'ej2-inputs/styles/input/tailwind-dark-definition.scss';
-@import 'ej2-popups/styles/popup/tailwind-dark-definition.scss';
-@import 'ej2-popups/styles/spinner/tailwind-dark-definition.scss';
-@import 'ej2-navigations/styles/treeview/tailwind-dark-definition.scss';
-@import '../drop-down-base/tailwind-dark-definition.scss';
-@import 'tailwind-dark-definition.scss';
-@import 'icons/tailwind-dark.scss';
-@import 'all.scss';
+@import 'ej2-dropdowns/styles/drop-down-tree/tailwind-dark.scss';

package/styles/drop-down-tree/tailwind.scss CHANGED Viewed

@@ -1,9 +1 @@
-@import 'ej2-base/styles/tailwind-definition.scss';
-@import 'ej2-inputs/styles/input/tailwind-definition.scss';
-@import 'ej2-popups/styles/popup/tailwind-definition.scss';
-@import 'ej2-popups/styles/spinner/tailwind-definition.scss';
-@import 'ej2-navigations/styles/treeview/tailwind-definition.scss';
-@import '../drop-down-base/tailwind-definition.scss';
-@import 'tailwind-definition.scss';
-@import 'icons/tailwind.scss';
-@import 'all.scss';
+@import 'ej2-dropdowns/styles/drop-down-tree/tailwind.scss';

package/styles/fabric-dark.css CHANGED Viewed

@@ -2355,6 +2355,10 @@ ejs-multiselect {
 .e-listbox-container * {
   box-sizing: border-box;
 }
+.e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
+.e-listbox-container.e-listboxtool-container .e-list-wrap {
+  width: 86% !important;
+}
 .e-listbox-wrapper:focus,
 .e-listbox-container:focus {
   outline: none;
@@ -2721,6 +2725,12 @@ ejs-listbox {
   margin-left: 15px;
 }
+.e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
+.e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
+.e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
+.e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
+  width: 83% !important;
+}
 .e-bigger .e-listbox-wrapper .e-list-item,
 .e-listbox-wrapper.e-bigger .e-list-item,
 .e-bigger .e-listbox-container .e-list-item,

package/styles/fabric.css CHANGED Viewed

@@ -2349,6 +2349,10 @@ ejs-multiselect {
 .e-listbox-container * {
   box-sizing: border-box;
 }
+.e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
+.e-listbox-container.e-listboxtool-container .e-list-wrap {
+  width: 86% !important;
+}
 .e-listbox-wrapper:focus,
 .e-listbox-container:focus {
   outline: none;
@@ -2715,6 +2719,12 @@ ejs-listbox {
   margin-left: 15px;
 }
+.e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
+.e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
+.e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
+.e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
+  width: 83% !important;
+}
 .e-bigger .e-listbox-wrapper .e-list-item,
 .e-listbox-wrapper.e-bigger .e-list-item,
 .e-bigger .e-listbox-container .e-list-item,

package/styles/fluent-dark.css CHANGED Viewed

@@ -2608,6 +2608,10 @@ ejs-multiselect {
 .e-listbox-container * {
   box-sizing: border-box;
 }
+.e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
+.e-listbox-container.e-listboxtool-container .e-list-wrap {
+  width: 84% !important;
+}
 .e-listbox-wrapper:focus,
 .e-listbox-container:focus {
   outline: none;
@@ -2974,6 +2978,12 @@ ejs-listbox {
   margin-left: 15px;
 }
+.e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
+.e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
+.e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
+.e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
+  width: 80% !important;
+}
 .e-bigger .e-listbox-wrapper .e-list-item,
 .e-listbox-wrapper.e-bigger .e-list-item,
 .e-bigger .e-listbox-container .e-list-item,

package/styles/fluent.css CHANGED Viewed

@@ -2608,6 +2608,10 @@ ejs-multiselect {
 .e-listbox-container * {
   box-sizing: border-box;
 }
+.e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
+.e-listbox-container.e-listboxtool-container .e-list-wrap {
+  width: 84% !important;
+}
 .e-listbox-wrapper:focus,
 .e-listbox-container:focus {
   outline: none;
@@ -2974,6 +2978,12 @@ ejs-listbox {
   margin-left: 15px;
 }
+.e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
+.e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
+.e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
+.e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
+  width: 80% !important;
+}
 .e-bigger .e-listbox-wrapper .e-list-item,
 .e-listbox-wrapper.e-bigger .e-list-item,
 .e-bigger .e-listbox-container .e-list-item,

package/styles/highcontrast-light.css CHANGED Viewed

@@ -2459,6 +2459,10 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
 .e-listbox-container * {
   box-sizing: border-box;
 }
+.e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
+.e-listbox-container.e-listboxtool-container .e-list-wrap {
+  width: 87% !important;
+}
 .e-listbox-wrapper:focus,
 .e-listbox-container:focus {
   outline: none;
@@ -2825,6 +2829,12 @@ ejs-listbox {
   margin-left: 15px;
 }
+.e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
+.e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
+.e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
+.e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
+  width: 83% !important;
+}
 .e-bigger .e-listbox-wrapper .e-list-item,
 .e-listbox-wrapper.e-bigger .e-list-item,
 .e-bigger .e-listbox-container .e-list-item,

package/styles/highcontrast.css CHANGED Viewed

@@ -2465,6 +2465,10 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
 .e-listbox-container * {
   box-sizing: border-box;
 }
+.e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
+.e-listbox-container.e-listboxtool-container .e-list-wrap {
+  width: 87% !important;
+}
 .e-listbox-wrapper:focus,
 .e-listbox-container:focus {
   outline: none;
@@ -2831,6 +2835,12 @@ ejs-listbox {
   margin-left: 15px;
 }
+.e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
+.e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
+.e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
+.e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
+  width: 83% !important;
+}
 .e-bigger .e-listbox-wrapper .e-list-item,
 .e-listbox-wrapper.e-bigger .e-list-item,
 .e-bigger .e-listbox-container .e-list-item,

package/styles/list-box/bootstrap-dark.scss CHANGED Viewed

@@ -1,5 +1 @@
-@import 'ej2-base/styles/bootstrap-dark-definition.scss';
-@import '../drop-down-base/bootstrap-dark-definition.scss';
-@import 'bootstrap-dark-definition.scss';
-@import 'icons/bootstrap-dark.scss';
-@import 'all.scss';
+@import 'ej2-dropdowns/styles/list-box/bootstrap-dark.scss';

package/styles/list-box/bootstrap.css CHANGED Viewed

@@ -51,6 +51,10 @@
 .e-listbox-container * {
   box-sizing: border-box;
 }
+.e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
+.e-listbox-container.e-listboxtool-container .e-list-wrap {
+  width: 86% !important;
+}
 .e-listbox-wrapper:focus,
 .e-listbox-container:focus {
   outline: none;
@@ -417,6 +421,12 @@ ejs-listbox {
   margin-left: 15px;
 }
+.e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
+.e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
+.e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
+.e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
+  width: 85% !important;
+}
 .e-bigger .e-listbox-wrapper .e-list-item,
 .e-listbox-wrapper.e-bigger .e-list-item,
 .e-bigger .e-listbox-container .e-list-item,

package/styles/list-box/bootstrap.scss CHANGED Viewed

@@ -1,5 +1 @@
-@import 'ej2-base/styles/bootstrap-definition.scss';
-@import '../drop-down-base/bootstrap-definition.scss';
-@import 'bootstrap-definition.scss';
-@import 'icons/bootstrap.scss';
-@import 'all.scss';
+@import 'ej2-dropdowns/styles/list-box/bootstrap.scss';

package/styles/list-box/bootstrap4.css CHANGED Viewed

@@ -69,6 +69,10 @@
 .e-listbox-container * {
   box-sizing: border-box;
 }
+.e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
+.e-listbox-container.e-listboxtool-container .e-list-wrap {
+  width: 86% !important;
+}
 .e-listbox-wrapper:focus,
 .e-listbox-container:focus {
   outline: none;
@@ -441,6 +445,12 @@ ejs-listbox {
 .e-listbox-container.e-bigger {
   font-size: 16px;
 }
+.e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
+.e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
+.e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
+.e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
+  width: 85% !important;
+}
 .e-bigger .e-listbox-wrapper .e-list-item,
 .e-listbox-wrapper.e-bigger .e-list-item,
 .e-bigger .e-listbox-container .e-list-item,

package/styles/list-box/bootstrap4.scss CHANGED Viewed

@@ -1,5 +1 @@
-@import 'ej2-base/styles/bootstrap4-definition.scss';
-@import '../drop-down-base/bootstrap4-definition.scss';
-@import 'bootstrap4-definition.scss';
-@import 'icons/bootstrap4.scss';
-@import 'all.scss';
+@import 'ej2-dropdowns/styles/list-box/bootstrap4.scss';

package/styles/list-box/bootstrap5-dark.css CHANGED Viewed

@@ -77,6 +77,10 @@
 .e-listbox-container * {
   box-sizing: border-box;
 }
+.e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
+.e-listbox-container.e-listboxtool-container .e-list-wrap {
+  width: 84% !important;
+}
 .e-listbox-wrapper:focus,
 .e-listbox-container:focus {
   outline: none;
@@ -443,6 +447,12 @@ ejs-listbox {
   margin-left: 15px;
 }
+.e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
+.e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
+.e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
+.e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
+  width: 80% !important;
+}
 .e-bigger .e-listbox-wrapper .e-list-item,
 .e-listbox-wrapper.e-bigger .e-list-item,
 .e-bigger .e-listbox-container .e-list-item,

package/styles/list-box/bootstrap5-dark.scss CHANGED Viewed

@@ -1,5 +1 @@
-@import 'ej2-base/styles/bootstrap5-dark-definition.scss';
-@import '../drop-down-base/bootstrap5-dark-definition.scss';
-@import 'bootstrap5-dark-definition.scss';
-@import 'icons/bootstrap5-dark.scss';
-@import 'all.scss';
+@import 'ej2-dropdowns/styles/list-box/bootstrap5-dark.scss';

package/styles/list-box/bootstrap5.css CHANGED Viewed

@@ -77,6 +77,10 @@
 .e-listbox-container * {
   box-sizing: border-box;
 }
+.e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
+.e-listbox-container.e-listboxtool-container .e-list-wrap {
+  width: 84% !important;
+}
 .e-listbox-wrapper:focus,
 .e-listbox-container:focus {
   outline: none;
@@ -443,6 +447,12 @@ ejs-listbox {
   margin-left: 15px;
 }
+.e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
+.e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
+.e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
+.e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
+  width: 80% !important;
+}
 .e-bigger .e-listbox-wrapper .e-list-item,
 .e-listbox-wrapper.e-bigger .e-list-item,
 .e-bigger .e-listbox-container .e-list-item,

package/styles/list-box/bootstrap5.scss CHANGED Viewed

@@ -1,5 +1 @@
-@import 'ej2-base/styles/bootstrap5-definition.scss';
-@import '../drop-down-base/bootstrap5-definition.scss';
-@import 'bootstrap5-definition.scss';
-@import 'icons/bootstrap5.scss';
-@import 'all.scss';
+@import 'ej2-dropdowns/styles/list-box/bootstrap5.scss';

package/styles/list-box/fabric-dark.scss CHANGED Viewed

@@ -1,5 +1 @@
-@import 'ej2-base/styles/fabric-dark-definition.scss';
-@import '../drop-down-base/fabric-dark-definition.scss';
-@import 'fabric-dark-definition.scss';
-@import 'icons/fabric-dark.scss';
-@import 'all.scss';
+@import 'ej2-dropdowns/styles/list-box/fabric-dark.scss';

package/styles/list-box/fabric.css CHANGED Viewed

@@ -51,6 +51,10 @@
 .e-listbox-container * {
   box-sizing: border-box;
 }
+.e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
+.e-listbox-container.e-listboxtool-container .e-list-wrap {
+  width: 86% !important;
+}
 .e-listbox-wrapper:focus,
 .e-listbox-container:focus {
   outline: none;
@@ -417,6 +421,12 @@ ejs-listbox {
   margin-left: 15px;
 }
+.e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
+.e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
+.e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
+.e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
+  width: 83% !important;
+}
 .e-bigger .e-listbox-wrapper .e-list-item,
 .e-listbox-wrapper.e-bigger .e-list-item,
 .e-bigger .e-listbox-container .e-list-item,

package/styles/list-box/fabric.scss CHANGED Viewed

@@ -1,5 +1 @@
-@import 'ej2-base/styles/fabric-definition.scss';
-@import '../drop-down-base/fabric-definition.scss';
-@import 'fabric-definition.scss';
-@import 'icons/fabric.scss';
-@import 'all.scss';
+@import 'ej2-dropdowns/styles/list-box/fabric.scss';

package/styles/list-box/fluent-dark.css CHANGED Viewed

@@ -77,6 +77,10 @@
 .e-listbox-container * {
   box-sizing: border-box;
 }
+.e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
+.e-listbox-container.e-listboxtool-container .e-list-wrap {
+  width: 84% !important;
+}
 .e-listbox-wrapper:focus,
 .e-listbox-container:focus {
   outline: none;
@@ -443,6 +447,12 @@ ejs-listbox {
   margin-left: 15px;
 }
+.e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
+.e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
+.e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
+.e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
+  width: 80% !important;
+}
 .e-bigger .e-listbox-wrapper .e-list-item,
 .e-listbox-wrapper.e-bigger .e-list-item,
 .e-bigger .e-listbox-container .e-list-item,

package/styles/list-box/fluent-dark.scss CHANGED Viewed

@@ -1,5 +1 @@
-@import 'ej2-base/styles/fluent-dark-definition.scss';
-@import '../drop-down-base/fluent-dark-definition.scss';
-@import 'fluent-dark-definition.scss';
-@import 'icons/fluent-dark.scss';
-@import 'all.scss';
+@import 'ej2-dropdowns/styles/list-box/fluent-dark.scss';

package/styles/list-box/fluent.css CHANGED Viewed

@@ -77,6 +77,10 @@
 .e-listbox-container * {
   box-sizing: border-box;
 }
+.e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
+.e-listbox-container.e-listboxtool-container .e-list-wrap {
+  width: 84% !important;
+}
 .e-listbox-wrapper:focus,
 .e-listbox-container:focus {
   outline: none;
@@ -443,6 +447,12 @@ ejs-listbox {
   margin-left: 15px;
 }
+.e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
+.e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
+.e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
+.e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
+  width: 80% !important;
+}
 .e-bigger .e-listbox-wrapper .e-list-item,
 .e-listbox-wrapper.e-bigger .e-list-item,
 .e-bigger .e-listbox-container .e-list-item,

package/styles/list-box/fluent.scss CHANGED Viewed

@@ -1,5 +1 @@
-@import 'ej2-base/styles/fluent-definition.scss';
-@import '../drop-down-base/fluent-definition.scss';
-@import 'fluent-definition.scss';
-@import 'icons/fluent.scss';
-@import 'all.scss';
+@import 'ej2-dropdowns/styles/list-box/fluent.scss';

package/styles/list-box/highcontrast-light.scss CHANGED Viewed

@@ -1,5 +1 @@
-@import 'ej2-base/styles/highcontrast-light-definition.scss';
-@import '../drop-down-base/highcontrast-light-definition.scss';
-@import 'highcontrast-light-definition.scss';
-@import 'icons/highcontrast-light.scss';
-@import 'all.scss';
+@import 'ej2-dropdowns/styles/list-box/highcontrast-light.scss';

package/styles/list-box/highcontrast.css CHANGED Viewed

@@ -65,6 +65,10 @@
 .e-listbox-container * {
   box-sizing: border-box;
 }
+.e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
+.e-listbox-container.e-listboxtool-container .e-list-wrap {
+  width: 87% !important;
+}
 .e-listbox-wrapper:focus,
 .e-listbox-container:focus {
   outline: none;
@@ -431,6 +435,12 @@ ejs-listbox {
   margin-left: 15px;
 }
+.e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
+.e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
+.e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
+.e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
+  width: 83% !important;
+}
 .e-bigger .e-listbox-wrapper .e-list-item,
 .e-listbox-wrapper.e-bigger .e-list-item,
 .e-bigger .e-listbox-container .e-list-item,

package/styles/list-box/highcontrast.scss CHANGED Viewed

@@ -1,5 +1 @@
-@import 'ej2-base/styles/highcontrast-definition.scss';
-@import '../drop-down-base/highcontrast-definition.scss';
-@import 'highcontrast-definition.scss';
-@import 'icons/highcontrast.scss';
-@import 'all.scss';
+@import 'ej2-dropdowns/styles/list-box/highcontrast.scss';

package/styles/list-box/material-dark.scss CHANGED Viewed

@@ -1,5 +1 @@
-@import 'ej2-base/styles/material-dark-definition.scss';
-@import '../drop-down-base/material-dark-definition.scss';
-@import 'material-dark-definition.scss';
-@import 'icons/material-dark.scss';
-@import 'all.scss';
+@import 'ej2-dropdowns/styles/list-box/material-dark.scss';

package/styles/list-box/material.css CHANGED Viewed

@@ -51,6 +51,10 @@
 .e-listbox-container * {
   box-sizing: border-box;
 }
+.e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
+.e-listbox-container.e-listboxtool-container .e-list-wrap {
+  width: 86% !important;
+}
 .e-listbox-wrapper:focus,
 .e-listbox-container:focus {
   outline: none;
@@ -417,6 +421,12 @@ ejs-listbox {
   margin-left: 15px;
 }
+.e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
+.e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
+.e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
+.e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
+  width: 85% !important;
+}
 .e-bigger .e-listbox-wrapper .e-list-item,
 .e-listbox-wrapper.e-bigger .e-list-item,
 .e-bigger .e-listbox-container .e-list-item,

package/styles/list-box/material.scss CHANGED Viewed

@@ -1,5 +1 @@
-@import 'ej2-base/styles/material-definition.scss';
-@import '../drop-down-base/material-definition.scss';
-@import 'material-definition.scss';
-@import 'icons/material.scss';
-@import 'all.scss';
+@import 'ej2-dropdowns/styles/list-box/material.scss';