@syncfusion/ej2-dropdowns 25.2.4 → 25.2.5-30068

package/styles/list-box/bootstrap4.css

@@ -85,20 +85,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: 40px;
-  line-height: 1.5;
-  padding: 10px 16px 10px 16px;
-  position: relative;
-}
 .e-listbox-wrapper .e-list-parent,
 .e-listbox-container .e-list-parent,
 .e-listboxtool-wrapper .e-list-parent {
@@ -127,9 +113,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,
@@ -137,11 +125,6 @@
 .e-listboxtool-wrapper .e-icon-back {
   margin-top: 0;
 }
-.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 {
@@ -245,18 +228,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);
 }
@@ -320,8 +297,11 @@
   margin-top: 0;
 }
 .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: 0 0 0 10px;
 }
 .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-right,
@@ -329,11 +309,6 @@
 .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-right {
   margin: 0 10px 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: 0 0 0 10px;
-}
 .e-listbox-wrapper .e-checkbox-wrapper,
 .e-listbox-container .e-checkbox-wrapper,
 .e-listboxtool-wrapper .e-checkbox-wrapper {
@@ -378,10 +353,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;
 }
@@ -396,6 +368,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,
@@ -448,7 +421,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;
 }
@@ -488,141 +463,19 @@ ejs-listbox {
   margin-left: 15px;
 }
 
-.e-bigger .e-listbox-wrapper,
-.e-listbox-wrapper.e-bigger,
-.e-bigger .e-listbox-container,
-.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; /* 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: 1px solid rgba(0, 0, 0, 0.13);
-  border-left: 0 solid rgba(0, 0, 0, 0.13);
-  border-right: 0 solid rgba(0, 0, 0, 0.13);
-  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: 12px 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: 50px;
-  line-height: 1.6;
-  position: relative;
-  padding: 12px 20px;
-}
-.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: 50px;
-}
-.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: 15px;
-}
-.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: 50px;
+.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: 40px;
   line-height: 1.5;
-  font-size: 16px;
-  padding: 12px 20px;
-}
-.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: bold;
-  height: 50px;
-  font-size: 20px;
-  line-height: 1.2;
-  padding: 0 0 0 20px;
-}
-.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: 15px;
-}
-.e-bigger .e-listbox-wrapper .e-but-back,
-.e-listbox-wrapper.e-bigger .e-but-back,
-.e-bigger .e-listbox-container .e-but-back,
-.e-listbox-container.e-bigger .e-but-back {
-  margin-top: -3px;
-  padding-right: 12px;
-}
-.e-bigger .e-listbox-wrapper .e-list-icon,
-.e-listbox-wrapper.e-bigger .e-list-icon,
-.e-bigger .e-listbox-container .e-list-icon,
-.e-listbox-container.e-bigger .e-list-icon {
-  margin-right: 12px;
-}
-.e-bigger .e-listbox-wrapper .e-icon-collapsible,
-.e-listbox-wrapper.e-bigger .e-icon-collapsible,
-.e-bigger .e-listbox-container .e-icon-collapsible,
-.e-listbox-container.e-bigger .e-icon-collapsible {
-  font-size: 12px;
-}
-.e-bigger .e-listbox-wrapper .e-checkbox-wrapper,
-.e-listbox-wrapper.e-bigger .e-checkbox-wrapper,
-.e-bigger .e-listbox-container .e-checkbox-wrapper,
-.e-listbox-container.e-bigger .e-checkbox-wrapper {
-  margin: 0 12px 0 0;
-}
-.e-bigger .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
-.e-listbox-wrapper.e-bigger.e-rtl .e-checkbox-wrapper,
-.e-bigger .e-listbox-container.e-rtl .e-checkbox-wrapper,
-.e-listbox-container.e-bigger.e-rtl .e-checkbox-wrapper {
-  margin: 0 0 0 12px;
+  padding: 10px 16px 10px 16px;
+  position: relative;
 }
 
 .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
@@ -630,23 +483,6 @@ ejs-listbox {
   height: calc(100% - 43px) !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% - 59px) !important; /* stylelint-disable-line declaration-no-important */
-}
-
-.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
-  height: calc(100% - 58px) !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% - 50px) !important; /* stylelint-disable-line declaration-no-important */
-}
-
 .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
   height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
 }
@@ -655,40 +491,10 @@ ejs-listbox {
   height: calc(100% - 51px) !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% - 59px) !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% - 50px) !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% - 56px) !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% - 90.5px) !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% - 108px) !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 {
@@ -728,12 +534,6 @@ ejs-listbox {
   height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
-.e-listbox-wrapper .e-icons,
-.e-listbox-container .e-icons,
-.e-listboxtool-wrapper .e-icons {
-  color: #212529;
-}
-
 .e-listbox-wrapper .e-list-item,
 .e-listbox-container .e-list-item,
 .e-listboxtool-wrapper .e-list-item {
@@ -755,13 +555,6 @@ ejs-listbox {
   color: #212529;
 }
 
-.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: #007bff;
-  color: #fff;
-}
-
 .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 {
@@ -769,11 +562,13 @@ ejs-listbox {
   color: #212529;
 }
 
-.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: #007bff;
   color: #fff;
 }
@@ -863,8 +658,8 @@ ejs-listbox {
   height: 2.8571em;
   left: 1.0667em;
   position: absolute;
-  top: 0.7142em;
   width: 2.8571em;
+  left: 1.0667em;
 }
 .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),
@@ -882,18 +677,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: 2.8571em;
+  left: 1.0667em;
   position: absolute;
-  right: 1.0667em;
-  top: 0.7142em;
   width: 2.8571em;
+  right: 1.0667em;
 }
-.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.7142em;
-}
-.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.7142em;
 }
@@ -932,23 +724,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: #212529;
-}
-.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: #212529;
 }
-.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: #fff;
-}
-.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: #fff;
 }
@@ -995,15 +781,7 @@ ejs-listbox {
   padding-right: 1.0714em;
 }
 
-.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%;
 }