@syncfusion/ej2-dropdowns 25.2.4 → 25.2.5-30068

package/styles/list-box/fluent.css

@@ -101,20 +101,6 @@
 .e-listboxtool-wrapper:not(.e-list-template) .e-list-nrt {
   text-align: center;
 }
-.e-listbox-wrapper:not(.e-list-template) .e-list-item,
-.e-listbox-wrapper .e-list-nrt,
-.e-listbox-wrapper .e-selectall-parent,
-.e-listbox-container:not(.e-list-template) .e-list-item,
-.e-listbox-container .e-list-nrt,
-.e-listbox-container .e-selectall-parent,
-.e-listboxtool-wrapper:not(.e-list-template) .e-list-item,
-.e-listboxtool-wrapper .e-list-nrt,
-.e-listboxtool-wrapper .e-selectall-parent {
-  height: 36px;
-  line-height: 1;
-  padding: 10px 12px;
-  position: relative;
-}
 .e-listbox-wrapper .e-list-parent,
 .e-listbox-container .e-list-parent,
 .e-listboxtool-wrapper .e-list-parent {
@@ -143,9 +129,11 @@
   margin: 0;
   padding: 0;
 }
-.e-listbox-wrapper .e-list-header .e-text.header,
+.e-listbox-wrapper .e-list-header .e-text.header, .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
 .e-listbox-container .e-list-header .e-text.header,
-.e-listboxtool-wrapper .e-list-header .e-text.header {
+.e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
+.e-listboxtool-wrapper .e-list-header .e-text.header,
+.e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
   display: none;
 }
 .e-listbox-wrapper .e-icon-back,
@@ -153,11 +141,6 @@
 .e-listboxtool-wrapper .e-icon-back {
   margin-top: 2px;
 }
-.e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
-.e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
-.e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
-  display: none;
-}
 .e-listbox-wrapper .e-list-header,
 .e-listbox-container .e-list-header,
 .e-listboxtool-wrapper .e-list-header {
@@ -261,18 +244,12 @@
   white-space: nowrap;
   width: 100%;
 }
-.e-listbox-wrapper .e-list-icon + .e-list-text,
+.e-listbox-wrapper .e-list-icon + .e-list-text, .e-listbox-wrapper .e-icon-wrapper .e-list-text, .e-listbox-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
 .e-listbox-container .e-list-icon + .e-list-text,
-.e-listboxtool-wrapper .e-list-icon + .e-list-text {
-  width: calc(100% - 60px);
-}
-.e-listbox-wrapper .e-icon-wrapper .e-list-text,
 .e-listbox-container .e-icon-wrapper .e-list-text,
-.e-listboxtool-wrapper .e-icon-wrapper .e-list-text {
-  width: calc(100% - 60px);
-}
-.e-listbox-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
 .e-listbox-container .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
+.e-listboxtool-wrapper .e-list-icon + .e-list-text,
+.e-listboxtool-wrapper .e-icon-wrapper .e-list-text,
 .e-listboxtool-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
   width: calc(100% - 60px);
 }
@@ -336,8 +313,11 @@
   margin-top: -2px;
 }
 .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-left,
+.e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
 .e-listbox-container.e-rtl .e-checkbox .e-checkbox-left,
-.e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left {
+.e-listbox-container.e-rtl .e-checkbox-wrapper,
+.e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left,
+.e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
   margin: -2px 0 0 8px;
 }
 .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-right,
@@ -345,11 +325,6 @@
 .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-right {
   margin: -2px 8px 0 0;
 }
-.e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
-.e-listbox-container.e-rtl .e-checkbox-wrapper,
-.e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
-  margin: -2px 0 0 8px;
-}
 .e-listbox-wrapper .e-checkbox-wrapper,
 .e-listbox-container .e-checkbox-wrapper,
 .e-listboxtool-wrapper .e-checkbox-wrapper {
@@ -394,10 +369,7 @@ ejs-listbox {
   display: block;
 }
 
-.e-listbox-wrapper:not(.e-listbox-container) {
-  overflow: auto;
-}
-
+.e-listbox-wrapper:not(.e-listbox-container),
 .e-listbox-wrapper.e-filter-list .e-list-parent {
   overflow: auto;
 }
@@ -412,6 +384,7 @@ ejs-listbox {
 .e-listbox-container.e-sortableclone .e-list-item,
 .e-listboxtool-wrapper.e-sortableclone .e-list-item {
   list-style-type: none;
+  height: 38px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-listbox-wrapper.e-sortableclone .e-ripple,
 .e-listbox-container.e-sortableclone .e-ripple,
@@ -464,7 +437,9 @@ ejs-listbox {
   pointer-events: none;
 }
 .e-listboxtool-wrapper .e-listbox-wrapper,
-.e-listboxtool-container .e-listbox-wrapper {
+.e-listboxtool-wrapper .e-list-wrap,
+.e-listboxtool-container .e-listbox-wrapper,
+.e-listboxtool-container .e-list-wrap {
   -ms-flex: 1;
       flex: 1;
 }
@@ -504,121 +479,26 @@ 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; /* stylelint-disable-line declaration-no-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,
-.e-listbox-container.e-bigger .e-list-item {
-  border-bottom: 0 solid transparent;
-  border-left: 0 solid transparent;
-  border-right: 0 solid transparent;
-  border-top: 0 solid transparent;
-}
-.e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
-.e-bigger .e-listbox-wrapper .e-selectall-parent,
-.e-bigger .e-listbox-wrapper .e-list-group-item,
-.e-bigger .e-listbox-wrapper .e-list-header,
-.e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item,
-.e-listbox-wrapper.e-bigger .e-selectall-parent,
-.e-listbox-wrapper.e-bigger .e-list-group-item,
-.e-listbox-wrapper.e-bigger .e-list-header,
-.e-bigger .e-listbox-container:not(.e-list-template) .e-list-item,
-.e-bigger .e-listbox-container .e-selectall-parent,
-.e-bigger .e-listbox-container .e-list-group-item,
-.e-bigger .e-listbox-container .e-list-header,
-.e-listbox-container.e-bigger:not(.e-list-template) .e-list-item,
-.e-listbox-container.e-bigger .e-selectall-parent,
-.e-listbox-container.e-bigger .e-list-group-item,
-.e-listbox-container.e-bigger .e-list-header {
-  padding: 8px 16px;
-}
-.e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
-.e-bigger .e-listbox-wrapper .e-selectall-parent,
-.e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item,
-.e-listbox-wrapper.e-bigger .e-selectall-parent,
-.e-bigger .e-listbox-container:not(.e-list-template) .e-list-item,
-.e-bigger .e-listbox-container .e-selectall-parent,
-.e-listbox-container.e-bigger:not(.e-list-template) .e-list-item,
-.e-listbox-container.e-bigger .e-selectall-parent {
-  height: 48px;
-  line-height: 2.1;
+.e-listbox-wrapper:not(.e-list-template) .e-list-item,
+.e-listbox-wrapper .e-list-nrt,
+.e-listbox-wrapper .e-selectall-parent,
+.e-listbox-container:not(.e-list-template) .e-list-item,
+.e-listbox-container .e-list-nrt,
+.e-listbox-container .e-selectall-parent,
+.e-listboxtool-wrapper .e-listbox-wrapper:not(.e-list-template) .e-list-item,
+.e-listboxtool-wrapper .e-listbox-wrapper .e-list-nrt,
+.e-listboxtool-wrapper .e-listbox-wrapper .e-selectall-parent {
+  height: 36px;
+  line-height: 1;
+  padding: 10px 12px;
   position: relative;
 }
-.e-bigger .e-listbox-wrapper .e-list-parent,
-.e-listbox-wrapper.e-bigger .e-list-parent,
-.e-bigger .e-listbox-container .e-list-parent,
-.e-listbox-container.e-bigger .e-list-parent {
-  min-height: 48px;
-}
-.e-bigger .e-listbox-wrapper .e-text-content,
-.e-listbox-wrapper.e-bigger .e-text-content,
-.e-bigger .e-listbox-container .e-text-content,
-.e-listbox-container.e-bigger .e-text-content {
-  font-size: 16px;
-}
-.e-bigger .e-listbox-wrapper .e-list-group-item,
-.e-listbox-wrapper.e-bigger .e-list-group-item,
-.e-bigger .e-listbox-container .e-list-group-item,
-.e-listbox-container.e-bigger .e-list-group-item {
-  height: 40px;
-  line-height: 25px;
-}
-.e-bigger .e-listbox-wrapper .e-list-header,
-.e-listbox-wrapper.e-bigger .e-list-header,
-.e-bigger .e-listbox-container .e-list-header,
-.e-listbox-container.e-bigger .e-list-header {
-  -ms-flex-align: center;
-      align-items: center;
-  display: -ms-flexbox;
-  display: flex;
-  font-weight: 600;
-  height: 22px;
-}
-.e-bigger .e-listbox-wrapper .e-list-header .e-text.header,
-.e-listbox-wrapper.e-bigger .e-list-header .e-text.header,
-.e-bigger .e-listbox-container .e-list-header .e-text.header,
-.e-listbox-container.e-bigger .e-list-header .e-text.header {
-  display: none;
-}
-.e-bigger .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
-.e-listbox-wrapper.e-bigger .e-list-header .e-headertemplate-text.nested-header,
-.e-bigger .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
-.e-listbox-container.e-bigger .e-list-header .e-headertemplate-text.nested-header {
-  display: none;
-}
-.e-bigger .e-listbox-wrapper .e-list-header .e-text,
-.e-listbox-wrapper.e-bigger .e-list-header .e-text,
-.e-bigger .e-listbox-container .e-list-header .e-text,
-.e-listbox-container.e-bigger .e-list-header .e-text {
-  font-size: 14px;
-}
+
 .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
 .e-small .e-listbox-container.e-filter-list .e-list-parent {
   height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
-.e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
-  height: calc(100% - 64px) !important; /* stylelint-disable-line declaration-no-important */
-}
-
-.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
-  height: calc(100% - 64px) !important; /* stylelint-disable-line declaration-no-important */
-}
-
-.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
-  height: 100%;
-}
-
-.e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
-.e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
-  height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
-}
-
 .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
   height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
 }
@@ -627,40 +507,10 @@ ejs-listbox {
   height: calc(100% - 56px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
-.e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
-  height: calc(100% - 64px) !important; /* stylelint-disable-line declaration-no-important */
-}
-
-.e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
-  height: 100%;
-}
-
-.e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
-.e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
-  height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
-}
-
-.e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
-  height: 100%;
-}
-
-.e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
-.e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
-  height: calc(100% - 59px) !important; /* stylelint-disable-line declaration-no-important */
-}
-
 .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
   height: calc(100% - 93px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
-.e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
-  height: calc(100% - 113px) !important; /* stylelint-disable-line declaration-no-important */
-}
-
-.e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
-  height: 100%;
-}
-
 .e-listbox-wrapper,
 .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
 .e-listboxtool-container.e-listbox-container .e-ul {
@@ -700,12 +550,6 @@ ejs-listbox {
   height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
-.e-listbox-wrapper .e-icons,
-.e-listbox-container .e-icons,
-.e-listboxtool-wrapper .e-icons {
-  color: #605e5c;
-}
-
 .e-listbox-wrapper .e-list-item,
 .e-listbox-container .e-list-item,
 .e-listboxtool-wrapper .e-list-item {
@@ -727,13 +571,6 @@ ejs-listbox {
   color: #201f1e;
 }
 
-.e-listbox-wrapper .e-list-item.e-selected,
-.e-listbox-container .e-list-item.e-selected,
-.e-listboxtool-wrapper .e-list-item.e-selected {
-  background-color: #edebe9;
-  color: #201f1e;
-}
-
 .e-listbox-wrapper .e-list-item.e-selected.e-checklist,
 .e-listbox-container .e-list-item.e-selected.e-checklist,
 .e-listboxtool-wrapper .e-list-item.e-selected.e-checklist {
@@ -741,11 +578,13 @@ ejs-listbox {
   color: #201f1e;
 }
 
-.e-listbox-wrapper .e-list-item.e-focused, .e-listbox-wrapper .e-list-item.e-focused.e-selected.e-checklist,
+.e-listbox-wrapper .e-list-item.e-focused, .e-listbox-wrapper .e-list-item.e-focused.e-selected.e-checklist, .e-listbox-wrapper .e-list-item.e-selected,
 .e-listbox-container .e-list-item.e-focused,
 .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist,
+.e-listbox-container .e-list-item.e-selected,
 .e-listboxtool-wrapper .e-list-item.e-focused,
-.e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist {
+.e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist,
+.e-listboxtool-wrapper .e-list-item.e-selected {
   background-color: #edebe9;
   color: #201f1e;
 }
@@ -835,8 +674,8 @@ ejs-listbox {
   height: 40px;
   left: 0;
   position: absolute;
-  top: 0;
   width: 40px;
+  left: 0;
 }
 .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
 .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
@@ -854,18 +693,15 @@ ejs-listbox {
 .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
 .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
   height: 40px;
+  left: 0;
   position: absolute;
-  right: 0;
-  top: 0;
   width: 40px;
+  right: 0;
 }
-.e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
+.e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar, .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
 .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
-.e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar {
-  top: 0;
-}
-.e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
 .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
+.e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
 .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
   top: 0;
 }
@@ -904,23 +740,17 @@ ejs-listbox {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
+.e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header, .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content,
 .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
-.e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header {
-  color: #201f1e;
-}
-.e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content,
 .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content,
+.e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
 .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content {
   color: #201f1e;
 }
-.e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
+.e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header, .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-content,
 .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-item-header,
-.e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header {
-  color: #201f1e;
-}
-.e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-content,
 .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content,
+.e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
 .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-content {
   color: #201f1e;
 }
@@ -967,15 +797,7 @@ ejs-listbox {
   padding-right: 16px;
 }
 
-.e-listbox-container.e-filter-list .e-list-parent {
-  height: 100%;
-}
-
-.e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
-  height: 100%;
-}
-
-.e-listbox-container .e-selectall-parent + .e-list-parent {
+.e-listbox-container.e-filter-list .e-list-parent, .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent, .e-listbox-container .e-selectall-parent + .e-list-parent {
   height: 100%;
 }