npm - @syncfusion/blazor-themes - Versions diffs - 30.1.42 → 30.2.4 - Mend

@syncfusion/blazor-themes 30.1.42 → 30.2.4

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

package/SCSS-Themes/dropdowns/drop-down-tree/tailwind3-dark-lite.scss CHANGED Viewed

@@ -1019,6 +1019,11 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
         }
       }
     }
+    &.e-float-input {
+      .e-float-text.e-label-top {
+        top: 15px;
+      }
+    }
   }
   .e-ddt-icon-hide {

package/SCSS-Themes/dropdowns/drop-down-tree/tailwind3-dark.scss CHANGED Viewed

@@ -1019,6 +1019,11 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
         }
       }
     }
+    &.e-float-input {
+      .e-float-text.e-label-top {
+        top: 15px;
+      }
+    }
   }
   .e-ddt-icon-hide {

package/SCSS-Themes/dropdowns/drop-down-tree/tailwind3-lite.scss CHANGED Viewed

@@ -1019,6 +1019,11 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
         }
       }
     }
+    &.e-float-input {
+      .e-float-text.e-label-top {
+        top: 15px;
+      }
+    }
   }
   .e-ddt-icon-hide {

package/SCSS-Themes/dropdowns/drop-down-tree/tailwind3.scss CHANGED Viewed

@@ -1019,6 +1019,11 @@ $ddt-item-hover-bg: $content-bg-color-hover !default;
         }
       }
     }
+    &.e-float-input {
+      .e-float-text.e-label-top {
+        top: 15px;
+      }
+    }
   }
   .e-ddt-icon-hide {

package/SCSS-Themes/dropdowns/list-box/bds-dark-lite.scss CHANGED Viewed

@@ -126,6 +126,7 @@ $listbox-filter-height: calc(100% - 50px) !default;
 $listbox-filter-bigger-height: calc(100% - 58px) !default;
 $listbox-ej2-filterselect-height: calc(100% - 87.5px) !default;
 $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
+$listbox-icon-padding: 1px !default;
 /* stylelint-disable */
 .e-listbox-wrapper{
@@ -637,6 +638,14 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
       border-radius: 4px !important; /* stylelint-disable-line declaration-no-important */
     }
   }
+  .e-list-icon {
+    display: inline-block;
+    vertical-align: middle;
+    width: auto;
+    height: auto;
+    padding-bottom: $listbox-icon-padding;
+  }
 }

package/SCSS-Themes/dropdowns/list-box/bds-dark.scss CHANGED Viewed

@@ -126,6 +126,7 @@ $listbox-filter-height: calc(100% - 50px) !default;
 $listbox-filter-bigger-height: calc(100% - 58px) !default;
 $listbox-ej2-filterselect-height: calc(100% - 87.5px) !default;
 $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
+$listbox-icon-padding: 1px !default;
 /* stylelint-disable */
 .e-listbox-wrapper{
@@ -637,6 +638,14 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
       border-radius: 4px !important; /* stylelint-disable-line declaration-no-important */
     }
   }
+  .e-list-icon {
+    display: inline-block;
+    vertical-align: middle;
+    width: auto;
+    height: auto;
+    padding-bottom: $listbox-icon-padding;
+  }
 }

package/SCSS-Themes/dropdowns/list-box/bds-lite.scss CHANGED Viewed

@@ -126,6 +126,7 @@ $listbox-filter-height: calc(100% - 50px) !default;
 $listbox-filter-bigger-height: calc(100% - 58px) !default;
 $listbox-ej2-filterselect-height: calc(100% - 87.5px) !default;
 $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
+$listbox-icon-padding: 1px !default;
 /* stylelint-disable */
 .e-listbox-wrapper{
@@ -637,6 +638,14 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
       border-radius: 4px !important; /* stylelint-disable-line declaration-no-important */
     }
   }
+  .e-list-icon {
+    display: inline-block;
+    vertical-align: middle;
+    width: auto;
+    height: auto;
+    padding-bottom: $listbox-icon-padding;
+  }
 }

package/SCSS-Themes/dropdowns/list-box/bds.scss CHANGED Viewed

@@ -126,6 +126,7 @@ $listbox-filter-height: calc(100% - 50px) !default;
 $listbox-filter-bigger-height: calc(100% - 58px) !default;
 $listbox-ej2-filterselect-height: calc(100% - 87.5px) !default;
 $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
+$listbox-icon-padding: 1px !default;
 /* stylelint-disable */
 .e-listbox-wrapper{
@@ -637,6 +638,14 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
       border-radius: 4px !important; /* stylelint-disable-line declaration-no-important */
     }
   }
+  .e-list-icon {
+    display: inline-block;
+    vertical-align: middle;
+    width: auto;
+    height: auto;
+    padding-bottom: $listbox-icon-padding;
+  }
 }

package/SCSS-Themes/dropdowns/list-box/bootstrap-dark-lite.scss CHANGED Viewed

@@ -131,6 +131,7 @@ $listbox-filter-height: calc(100% - 52px) !default;
 $listbox-filter-bigger-height: calc(100% - 58px) !default;
 $listbox-ej2-filterselect-height: calc(100% - 91.5px) !default;
 $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
+$listbox-icon-padding: 0 !default;
 @include export-module('listbox-layout') {
   /* stylelint-disable property-no-vendor-prefix */
@@ -627,6 +628,14 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
       border-radius: 4px !important; /* stylelint-disable-line declaration-no-important */
     }
   }
+  .e-list-icon {
+    display: inline-block;
+    vertical-align: middle;
+    width: auto;
+    height: auto;
+    padding-bottom: $listbox-icon-padding;
+  }
 }

package/SCSS-Themes/dropdowns/list-box/bootstrap-dark.scss CHANGED Viewed

@@ -131,6 +131,7 @@ $listbox-filter-height: calc(100% - 52px) !default;
 $listbox-filter-bigger-height: calc(100% - 58px) !default;
 $listbox-ej2-filterselect-height: calc(100% - 91.5px) !default;
 $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
+$listbox-icon-padding: 0 !default;
 @include export-module('listbox-layout') {
   /* stylelint-disable property-no-vendor-prefix */
@@ -627,6 +628,14 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
       border-radius: 4px !important; /* stylelint-disable-line declaration-no-important */
     }
   }
+  .e-list-icon {
+    display: inline-block;
+    vertical-align: middle;
+    width: auto;
+    height: auto;
+    padding-bottom: $listbox-icon-padding;
+  }
 }

package/SCSS-Themes/dropdowns/list-box/bootstrap-lite.scss CHANGED Viewed

@@ -124,6 +124,7 @@ $listbox-filter-height: calc(100% - 52px) !default;
 $listbox-filter-bigger-height: calc(100% - 58px) !default;
 $listbox-ej2-filterselect-height: calc(100% - 91.5px) !default;
 $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
+$listbox-icon-padding: 0 !default;
 @include export-module('listbox-layout') {
   /* stylelint-disable property-no-vendor-prefix */
@@ -620,6 +621,14 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
       border-radius: 4px !important; /* stylelint-disable-line declaration-no-important */
     }
   }
+  .e-list-icon {
+    display: inline-block;
+    vertical-align: middle;
+    width: auto;
+    height: auto;
+    padding-bottom: $listbox-icon-padding;
+  }
 }

package/SCSS-Themes/dropdowns/list-box/bootstrap.scss CHANGED Viewed

@@ -124,6 +124,7 @@ $listbox-filter-height: calc(100% - 52px) !default;
 $listbox-filter-bigger-height: calc(100% - 58px) !default;
 $listbox-ej2-filterselect-height: calc(100% - 91.5px) !default;
 $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
+$listbox-icon-padding: 0 !default;
 @include export-module('listbox-layout') {
   /* stylelint-disable property-no-vendor-prefix */
@@ -620,6 +621,14 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
       border-radius: 4px !important; /* stylelint-disable-line declaration-no-important */
     }
   }
+  .e-list-icon {
+    display: inline-block;
+    vertical-align: middle;
+    width: auto;
+    height: auto;
+    padding-bottom: $listbox-icon-padding;
+  }
 }

package/SCSS-Themes/dropdowns/list-box/bootstrap4-lite.scss CHANGED Viewed

@@ -131,6 +131,7 @@ $listbox-filter-height: calc(100% - 51px) !default;
 $listbox-filter-bigger-height: calc(100% - 59px) !default;
 $listbox-ej2-filterselect-height: calc(100% - 90.5px) !default;
 $listbox-ej2-filterselect-bigger-height: calc(100% - 108px) !default;
+$listbox-icon-padding: 1px !default;
 @include export-module('listbox-layout') {
   /* stylelint-disable property-no-vendor-prefix */
@@ -627,6 +628,14 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 108px) !default;
       border-radius: 4px !important; /* stylelint-disable-line declaration-no-important */
     }
   }
+  .e-list-icon {
+    display: inline-block;
+    vertical-align: middle;
+    width: auto;
+    height: auto;
+    padding-bottom: $listbox-icon-padding;
+  }
 }

package/SCSS-Themes/dropdowns/list-box/bootstrap4.scss CHANGED Viewed

@@ -131,6 +131,7 @@ $listbox-filter-height: calc(100% - 51px) !default;
 $listbox-filter-bigger-height: calc(100% - 59px) !default;
 $listbox-ej2-filterselect-height: calc(100% - 90.5px) !default;
 $listbox-ej2-filterselect-bigger-height: calc(100% - 108px) !default;
+$listbox-icon-padding: 1px !default;
 @include export-module('listbox-layout') {
   /* stylelint-disable property-no-vendor-prefix */
@@ -627,6 +628,14 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 108px) !default;
       border-radius: 4px !important; /* stylelint-disable-line declaration-no-important */
     }
   }
+  .e-list-icon {
+    display: inline-block;
+    vertical-align: middle;
+    width: auto;
+    height: auto;
+    padding-bottom: $listbox-icon-padding;
+  }
 }

package/SCSS-Themes/dropdowns/list-box/bootstrap5-dark-lite.scss CHANGED Viewed

@@ -126,6 +126,7 @@ $listbox-filter-height: calc(100% - 50px) !default;
 $listbox-filter-bigger-height: calc(100% - 56px) !default;
 $listbox-ej2-filterselect-height: calc(100% - 86px) !default;
 $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
+$listbox-icon-padding: 2px !default;
 @include export-module('listbox-layout') {
   /* stylelint-disable property-no-vendor-prefix */
@@ -622,6 +623,14 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
       border-radius: 4px !important; /* stylelint-disable-line declaration-no-important */
     }
   }
+  .e-list-icon {
+    display: inline-block;
+    vertical-align: middle;
+    width: auto;
+    height: auto;
+    padding-bottom: $listbox-icon-padding;
+  }
 }

package/SCSS-Themes/dropdowns/list-box/bootstrap5-dark.scss CHANGED Viewed

@@ -126,6 +126,7 @@ $listbox-filter-height: calc(100% - 50px) !default;
 $listbox-filter-bigger-height: calc(100% - 56px) !default;
 $listbox-ej2-filterselect-height: calc(100% - 86px) !default;
 $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
+$listbox-icon-padding: 2px !default;
 @include export-module('listbox-layout') {
   /* stylelint-disable property-no-vendor-prefix */
@@ -622,6 +623,14 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
       border-radius: 4px !important; /* stylelint-disable-line declaration-no-important */
     }
   }
+  .e-list-icon {
+    display: inline-block;
+    vertical-align: middle;
+    width: auto;
+    height: auto;
+    padding-bottom: $listbox-icon-padding;
+  }
 }

package/SCSS-Themes/dropdowns/list-box/bootstrap5-lite.scss CHANGED Viewed

@@ -126,6 +126,7 @@ $listbox-filter-height: calc(100% - 50px) !default;
 $listbox-filter-bigger-height: calc(100% - 56px) !default;
 $listbox-ej2-filterselect-height: calc(100% - 86px) !default;
 $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
+$listbox-icon-padding: 2px !default;
 @include export-module('listbox-layout') {
   /* stylelint-disable property-no-vendor-prefix */
@@ -622,6 +623,14 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
       border-radius: 4px !important; /* stylelint-disable-line declaration-no-important */
     }
   }
+  .e-list-icon {
+    display: inline-block;
+    vertical-align: middle;
+    width: auto;
+    height: auto;
+    padding-bottom: $listbox-icon-padding;
+  }
 }

package/SCSS-Themes/dropdowns/list-box/bootstrap5.3-dark-lite.scss CHANGED Viewed

@@ -128,6 +128,7 @@ $listbox-ej2-filterselect-height: calc(100% - 86px) !default;
 $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
 $listbox-dragged-item-bg-color: $content-bg-color-dragged !default;
 $listbox-dragged-item-text-color: $content-text-color-dragged !default;
+$listbox-icon-padding: 1px !default;
 @include export-module('listbox-layout') {
   /* stylelint-disable property-no-vendor-prefix */
@@ -624,6 +625,14 @@ $listbox-dragged-item-text-color: $content-text-color-dragged !default;
       border-radius: 4px !important; /* stylelint-disable-line declaration-no-important */
     }
   }
+  .e-list-icon {
+    display: inline-block;
+    vertical-align: middle;
+    width: auto;
+    height: auto;
+    padding-bottom: $listbox-icon-padding;
+  }
 }

package/SCSS-Themes/dropdowns/list-box/bootstrap5.3-dark.scss CHANGED Viewed

@@ -128,6 +128,7 @@ $listbox-ej2-filterselect-height: calc(100% - 86px) !default;
 $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
 $listbox-dragged-item-bg-color: $content-bg-color-dragged !default;
 $listbox-dragged-item-text-color: $content-text-color-dragged !default;
+$listbox-icon-padding: 1px !default;
 @include export-module('listbox-layout') {
   /* stylelint-disable property-no-vendor-prefix */
@@ -624,6 +625,14 @@ $listbox-dragged-item-text-color: $content-text-color-dragged !default;
       border-radius: 4px !important; /* stylelint-disable-line declaration-no-important */
     }
   }
+  .e-list-icon {
+    display: inline-block;
+    vertical-align: middle;
+    width: auto;
+    height: auto;
+    padding-bottom: $listbox-icon-padding;
+  }
 }

package/SCSS-Themes/dropdowns/list-box/bootstrap5.3-lite.scss CHANGED Viewed

@@ -128,6 +128,7 @@ $listbox-ej2-filterselect-height: calc(100% - 86px) !default;
 $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
 $listbox-dragged-item-bg-color: $content-bg-color-dragged !default;
 $listbox-dragged-item-text-color: $content-text-color-dragged !default;
+$listbox-icon-padding: 1px !default;
 @include export-module('listbox-layout') {
   /* stylelint-disable property-no-vendor-prefix */
@@ -624,6 +625,14 @@ $listbox-dragged-item-text-color: $content-text-color-dragged !default;
       border-radius: 4px !important; /* stylelint-disable-line declaration-no-important */
     }
   }
+  .e-list-icon {
+    display: inline-block;
+    vertical-align: middle;
+    width: auto;
+    height: auto;
+    padding-bottom: $listbox-icon-padding;
+  }
 }

package/SCSS-Themes/dropdowns/list-box/bootstrap5.3.scss CHANGED Viewed

@@ -128,6 +128,7 @@ $listbox-ej2-filterselect-height: calc(100% - 86px) !default;
 $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
 $listbox-dragged-item-bg-color: $content-bg-color-dragged !default;
 $listbox-dragged-item-text-color: $content-text-color-dragged !default;
+$listbox-icon-padding: 1px !default;
 @include export-module('listbox-layout') {
   /* stylelint-disable property-no-vendor-prefix */
@@ -624,6 +625,14 @@ $listbox-dragged-item-text-color: $content-text-color-dragged !default;
       border-radius: 4px !important; /* stylelint-disable-line declaration-no-important */
     }
   }
+  .e-list-icon {
+    display: inline-block;
+    vertical-align: middle;
+    width: auto;
+    height: auto;
+    padding-bottom: $listbox-icon-padding;
+  }
 }

package/SCSS-Themes/dropdowns/list-box/bootstrap5.scss CHANGED Viewed

@@ -126,6 +126,7 @@ $listbox-filter-height: calc(100% - 50px) !default;
 $listbox-filter-bigger-height: calc(100% - 56px) !default;
 $listbox-ej2-filterselect-height: calc(100% - 86px) !default;
 $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
+$listbox-icon-padding: 2px !default;
 @include export-module('listbox-layout') {
   /* stylelint-disable property-no-vendor-prefix */
@@ -622,6 +623,14 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
       border-radius: 4px !important; /* stylelint-disable-line declaration-no-important */
     }
   }
+  .e-list-icon {
+    display: inline-block;
+    vertical-align: middle;
+    width: auto;
+    height: auto;
+    padding-bottom: $listbox-icon-padding;
+  }
 }

package/SCSS-Themes/dropdowns/list-box/fabric-dark-lite.scss CHANGED Viewed

@@ -129,6 +129,7 @@ $listbox-filter-height: calc(100% - 51px) !default;
 $listbox-filter-bigger-height: calc(100% - 59px) !default;
 $listbox-ej2-filterselect-height: calc(100% - 87px) !default;
 $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
+$listbox-icon-padding: 1px !default;
 @include export-module('listbox-layout') {
   /* stylelint-disable property-no-vendor-prefix */
@@ -625,6 +626,14 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
       border-radius: 4px !important; /* stylelint-disable-line declaration-no-important */
     }
   }
+  .e-list-icon {
+    display: inline-block;
+    vertical-align: middle;
+    width: auto;
+    height: auto;
+    padding-bottom: $listbox-icon-padding;
+  }
 }

package/SCSS-Themes/dropdowns/list-box/fabric-dark.scss CHANGED Viewed

@@ -129,6 +129,7 @@ $listbox-filter-height: calc(100% - 51px) !default;
 $listbox-filter-bigger-height: calc(100% - 59px) !default;
 $listbox-ej2-filterselect-height: calc(100% - 87px) !default;
 $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
+$listbox-icon-padding: 1px !default;
 @include export-module('listbox-layout') {
   /* stylelint-disable property-no-vendor-prefix */
@@ -625,6 +626,14 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
       border-radius: 4px !important; /* stylelint-disable-line declaration-no-important */
     }
   }
+  .e-list-icon {
+    display: inline-block;
+    vertical-align: middle;
+    width: auto;
+    height: auto;
+    padding-bottom: $listbox-icon-padding;
+  }
 }

package/SCSS-Themes/dropdowns/list-box/fabric-lite.scss CHANGED Viewed

@@ -124,6 +124,7 @@ $listbox-filter-height: calc(100% - 51px) !default;
 $listbox-filter-bigger-height: calc(100% - 59px) !default;
 $listbox-ej2-filterselect-height: calc(100% - 87px) !default;
 $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
+$listbox-icon-padding: 1px !default;
 @include export-module('listbox-layout') {
   /* stylelint-disable property-no-vendor-prefix */
@@ -620,6 +621,14 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
       border-radius: 4px !important; /* stylelint-disable-line declaration-no-important */
     }
   }
+  .e-list-icon {
+    display: inline-block;
+    vertical-align: middle;
+    width: auto;
+    height: auto;
+    padding-bottom: $listbox-icon-padding;
+  }
 }

package/SCSS-Themes/dropdowns/list-box/fabric.scss CHANGED Viewed

@@ -124,6 +124,7 @@ $listbox-filter-height: calc(100% - 51px) !default;
 $listbox-filter-bigger-height: calc(100% - 59px) !default;
 $listbox-ej2-filterselect-height: calc(100% - 87px) !default;
 $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
+$listbox-icon-padding: 1px !default;
 @include export-module('listbox-layout') {
   /* stylelint-disable property-no-vendor-prefix */
@@ -620,6 +621,14 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
       border-radius: 4px !important; /* stylelint-disable-line declaration-no-important */
     }
   }
+  .e-list-icon {
+    display: inline-block;
+    vertical-align: middle;
+    width: auto;
+    height: auto;
+    padding-bottom: $listbox-icon-padding;
+  }
 }

package/SCSS-Themes/dropdowns/list-box/fluent-dark-lite.scss CHANGED Viewed

@@ -125,6 +125,7 @@ $listbox-filter-height: calc(100% - 56px) !default;
 $listbox-filter-bigger-height: calc(100% - 64px) !default;
 $listbox-ej2-filterselect-height: calc(100% - 93px) !default;
 $listbox-ej2-filterselect-bigger-height: calc(100% - 113px) !default;
+$listbox-icon-padding: 1px !default;
 @include export-module('listbox-layout') {
   /* stylelint-disable property-no-vendor-prefix */
@@ -621,6 +622,14 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 113px) !default;
       border-radius: 4px !important; /* stylelint-disable-line declaration-no-important */
     }
   }
+  .e-list-icon {
+    display: inline-block;
+    vertical-align: middle;
+    width: auto;
+    height: auto;
+    padding-bottom: $listbox-icon-padding;
+  }
 }

package/SCSS-Themes/dropdowns/list-box/fluent-dark.scss CHANGED Viewed

@@ -125,6 +125,7 @@ $listbox-filter-height: calc(100% - 56px) !default;
 $listbox-filter-bigger-height: calc(100% - 64px) !default;
 $listbox-ej2-filterselect-height: calc(100% - 93px) !default;
 $listbox-ej2-filterselect-bigger-height: calc(100% - 113px) !default;
+$listbox-icon-padding: 1px !default;
 @include export-module('listbox-layout') {
   /* stylelint-disable property-no-vendor-prefix */
@@ -621,6 +622,14 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 113px) !default;
       border-radius: 4px !important; /* stylelint-disable-line declaration-no-important */
     }
   }
+  .e-list-icon {
+    display: inline-block;
+    vertical-align: middle;
+    width: auto;
+    height: auto;
+    padding-bottom: $listbox-icon-padding;
+  }
 }

package/SCSS-Themes/dropdowns/list-box/fluent-lite.scss CHANGED Viewed

@@ -125,6 +125,7 @@ $listbox-filter-height: calc(100% - 56px) !default;
 $listbox-filter-bigger-height: calc(100% - 64px) !default;
 $listbox-ej2-filterselect-height: calc(100% - 93px) !default;
 $listbox-ej2-filterselect-bigger-height: calc(100% - 113px) !default;
+$listbox-icon-padding: 1px !default;
 @include export-module('listbox-layout') {
   /* stylelint-disable property-no-vendor-prefix */
@@ -621,6 +622,14 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 113px) !default;
       border-radius: 4px !important; /* stylelint-disable-line declaration-no-important */
     }
   }
+  .e-list-icon {
+    display: inline-block;
+    vertical-align: middle;
+    width: auto;
+    height: auto;
+    padding-bottom: $listbox-icon-padding;
+  }
 }

package/SCSS-Themes/dropdowns/list-box/fluent.scss CHANGED Viewed

@@ -125,6 +125,7 @@ $listbox-filter-height: calc(100% - 56px) !default;
 $listbox-filter-bigger-height: calc(100% - 64px) !default;
 $listbox-ej2-filterselect-height: calc(100% - 93px) !default;
 $listbox-ej2-filterselect-bigger-height: calc(100% - 113px) !default;
+$listbox-icon-padding: 1px !default;
 @include export-module('listbox-layout') {
   /* stylelint-disable property-no-vendor-prefix */
@@ -621,6 +622,14 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 113px) !default;
       border-radius: 4px !important; /* stylelint-disable-line declaration-no-important */
     }
   }
+  .e-list-icon {
+    display: inline-block;
+    vertical-align: middle;
+    width: auto;
+    height: auto;
+    padding-bottom: $listbox-icon-padding;
+  }
 }