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

@syncfusion/blazor-themes 30.1.41 → 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 (415) hide show

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;
+  }
 }

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

@@ -126,6 +126,7 @@ $listbox-ej2-filterselect-height: calc(100% - 87.5px) !default;
 $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
 $listbox-dragged-item-bg-color: $content-bg-color-alt3 !default;
 $listbox-dragged-item-text-color: $content-text-color !default;
+$listbox-icon-padding: 1px !default;
 @include export-module('listbox-layout') {
   /* stylelint-disable property-no-vendor-prefix */
@@ -622,6 +623,14 @@ $listbox-dragged-item-text-color: $content-text-color !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/fluent2-dark.scss CHANGED Viewed

@@ -126,6 +126,7 @@ $listbox-ej2-filterselect-height: calc(100% - 87.5px) !default;
 $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
 $listbox-dragged-item-bg-color: $content-bg-color-alt3 !default;
 $listbox-dragged-item-text-color: $content-text-color !default;
+$listbox-icon-padding: 1px !default;
 @include export-module('listbox-layout') {
   /* stylelint-disable property-no-vendor-prefix */
@@ -622,6 +623,14 @@ $listbox-dragged-item-text-color: $content-text-color !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/fluent2-highcontrast-lite.scss CHANGED Viewed

@@ -126,6 +126,7 @@ $listbox-ej2-filterselect-height: calc(100% - 87.5px) !default;
 $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
 $listbox-dragged-item-bg-color: $content-bg-color-alt3 !default;
 $listbox-dragged-item-text-color: $content-text-color !default;
+$listbox-icon-padding: 1px !default;
 @include export-module('listbox-layout') {
   /* stylelint-disable property-no-vendor-prefix */
@@ -622,6 +623,14 @@ $listbox-dragged-item-text-color: $content-text-color !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/fluent2-highcontrast.scss CHANGED Viewed

@@ -126,6 +126,7 @@ $listbox-ej2-filterselect-height: calc(100% - 87.5px) !default;
 $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
 $listbox-dragged-item-bg-color: $content-bg-color-alt3 !default;
 $listbox-dragged-item-text-color: $content-text-color !default;
+$listbox-icon-padding: 1px !default;
 @include export-module('listbox-layout') {
   /* stylelint-disable property-no-vendor-prefix */
@@ -622,6 +623,14 @@ $listbox-dragged-item-text-color: $content-text-color !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/fluent2-lite.scss CHANGED Viewed

@@ -126,6 +126,7 @@ $listbox-ej2-filterselect-height: calc(100% - 87.5px) !default;
 $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
 $listbox-dragged-item-bg-color: $content-bg-color-alt3 !default;
 $listbox-dragged-item-text-color: $content-text-color !default;
+$listbox-icon-padding: 1px !default;
 @include export-module('listbox-layout') {
   /* stylelint-disable property-no-vendor-prefix */
@@ -622,6 +623,14 @@ $listbox-dragged-item-text-color: $content-text-color !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/fluent2.scss CHANGED Viewed

@@ -126,6 +126,7 @@ $listbox-ej2-filterselect-height: calc(100% - 87.5px) !default;
 $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
 $listbox-dragged-item-bg-color: $content-bg-color-alt3 !default;
 $listbox-dragged-item-text-color: $content-text-color !default;
+$listbox-icon-padding: 1px !default;
 @include export-module('listbox-layout') {
   /* stylelint-disable property-no-vendor-prefix */
@@ -622,6 +623,14 @@ $listbox-dragged-item-text-color: $content-text-color !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/highcontrast-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: 2px !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/highcontrast.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: 2px !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/material-dark-lite.scss CHANGED Viewed

@@ -129,6 +129,7 @@ $listbox-filter-height: calc(100% - 48px) !default;
 $listbox-filter-bigger-height: calc(100% - 55px) !default;
 $listbox-ej2-filterselect-height: calc(100% - 83px) !default;
 $listbox-ej2-filterselect-bigger-height: calc(100% - 103px) !default;
+$listbox-icon-padding: 2px !default;
 @include export-module('listbox-layout') {
   /* stylelint-disable property-no-vendor-prefix */
@@ -625,6 +626,14 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 103px) !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/material-dark.scss CHANGED Viewed

@@ -129,6 +129,7 @@ $listbox-filter-height: calc(100% - 48px) !default;
 $listbox-filter-bigger-height: calc(100% - 55px) !default;
 $listbox-ej2-filterselect-height: calc(100% - 83px) !default;
 $listbox-ej2-filterselect-bigger-height: calc(100% - 103px) !default;
+$listbox-icon-padding: 2px !default;
 @include export-module('listbox-layout') {
   /* stylelint-disable property-no-vendor-prefix */
@@ -625,6 +626,14 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 103px) !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/material-lite.scss CHANGED Viewed

@@ -124,6 +124,7 @@ $listbox-filter-height: calc(100% - 48px) !default;
 $listbox-filter-bigger-height: calc(100% - 55px) !default;
 $listbox-ej2-filterselect-height: calc(100% - 83px) !default;
 $listbox-ej2-filterselect-bigger-height: calc(100% - 103px) !default;
+$listbox-icon-padding: 2px !default;
 @include export-module('listbox-layout') {
   /* stylelint-disable property-no-vendor-prefix */
@@ -620,6 +621,14 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 103px) !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/material.scss CHANGED Viewed

@@ -124,6 +124,7 @@ $listbox-filter-height: calc(100% - 48px) !default;
 $listbox-filter-bigger-height: calc(100% - 55px) !default;
 $listbox-ej2-filterselect-height: calc(100% - 83px) !default;
 $listbox-ej2-filterselect-bigger-height: calc(100% - 103px) !default;
+$listbox-icon-padding: 2px !default;
 @include export-module('listbox-layout') {
   /* stylelint-disable property-no-vendor-prefix */
@@ -620,6 +621,14 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 103px) !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/material3-dark-lite.scss CHANGED Viewed

@@ -124,6 +124,7 @@ $listbox-filter-height: calc(100% - 36px) !default;
 $listbox-filter-bigger-height: calc(100% - 44px) !default;
 $listbox-ej2-filterselect-height: calc(100% - 76px) !default;
 $listbox-ej2-filterselect-bigger-height: calc(100% - 92px) !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% - 92px) !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/material3-dark.scss CHANGED Viewed

@@ -124,6 +124,7 @@ $listbox-filter-height: calc(100% - 36px) !default;
 $listbox-filter-bigger-height: calc(100% - 44px) !default;
 $listbox-ej2-filterselect-height: calc(100% - 76px) !default;
 $listbox-ej2-filterselect-bigger-height: calc(100% - 92px) !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% - 92px) !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/material3-lite.scss CHANGED Viewed

@@ -124,6 +124,7 @@ $listbox-filter-height: calc(100% - 36px) !default;
 $listbox-filter-bigger-height: calc(100% - 44px) !default;
 $listbox-ej2-filterselect-height: calc(100% - 76px) !default;
 $listbox-ej2-filterselect-bigger-height: calc(100% - 92px) !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% - 92px) !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/material3.scss CHANGED Viewed

@@ -124,6 +124,7 @@ $listbox-filter-height: calc(100% - 36px) !default;
 $listbox-filter-bigger-height: calc(100% - 44px) !default;
 $listbox-ej2-filterselect-height: calc(100% - 76px) !default;
 $listbox-ej2-filterselect-bigger-height: calc(100% - 92px) !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% - 92px) !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/tailwind-dark-lite.scss CHANGED Viewed

@@ -124,6 +124,7 @@ $listbox-filter-height: calc(100% - 42px) !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;
 @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/tailwind-dark.scss CHANGED Viewed

@@ -124,6 +124,7 @@ $listbox-filter-height: calc(100% - 42px) !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;
 @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/tailwind-lite.scss CHANGED Viewed

@@ -124,6 +124,7 @@ $listbox-filter-height: calc(100% - 42px) !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;
 @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/tailwind.scss CHANGED Viewed

@@ -124,6 +124,7 @@ $listbox-filter-height: calc(100% - 42px) !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;
 @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/tailwind3-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/tailwind3-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/tailwind3-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/tailwind3.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;
+  }
 }