npm - @syncfusion/blazor-themes - Versions diffs - 26.2.7 → 26.2.9 - Mend

@syncfusion/blazor-themes 26.2.7 → 26.2.9

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

package/SCSS-Themes/buttons/radio-button/bootstrap5-dark.scss CHANGED Viewed

@@ -727,6 +727,12 @@ $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
           border-color: $radio-btn-focus-check-border-color;
           box-shadow: $radio-btn-focussed-box-shadow;
         }
+        & .e-ripple-container {
+          @if $skin-name == 'Material3' {
+            background-color: $radio-btn-focus-ripple-bgcolor;
+          }
+        }
       }
     }

package/SCSS-Themes/buttons/radio-button/bootstrap5.scss CHANGED Viewed

@@ -727,6 +727,12 @@ $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
           border-color: $radio-btn-focus-check-border-color;
           box-shadow: $radio-btn-focussed-box-shadow;
         }
+        & .e-ripple-container {
+          @if $skin-name == 'Material3' {
+            background-color: $radio-btn-focus-ripple-bgcolor;
+          }
+        }
       }
     }

package/SCSS-Themes/buttons/radio-button/fabric-dark.scss CHANGED Viewed

@@ -727,6 +727,12 @@ $radio-btn-ripple-bgcolor:  rgba(0, 0, 0, .3) !default;
           border-color: $radio-btn-focus-check-border-color;
           box-shadow: $radio-btn-focussed-box-shadow;
         }
+        & .e-ripple-container {
+          @if $skin-name == 'Material3' {
+            background-color: $radio-btn-focus-ripple-bgcolor;
+          }
+        }
       }
     }

package/SCSS-Themes/buttons/radio-button/fabric.scss CHANGED Viewed

@@ -727,6 +727,12 @@ $radio-btn-checked-ripple-bgcolor: #ff4081 !default;
           border-color: $radio-btn-focus-check-border-color;
           box-shadow: $radio-btn-focussed-box-shadow;
         }
+        & .e-ripple-container {
+          @if $skin-name == 'Material3' {
+            background-color: $radio-btn-focus-ripple-bgcolor;
+          }
+        }
       }
     }

package/SCSS-Themes/buttons/radio-button/fluent-dark.scss CHANGED Viewed

@@ -733,6 +733,12 @@ $radio-btn-uncheck-color: $icon-color !default;
           border-color: $radio-btn-focus-check-border-color;
           box-shadow: $radio-btn-focussed-box-shadow;
         }
+        & .e-ripple-container {
+          @if $skin-name == 'Material3' {
+            background-color: $radio-btn-focus-ripple-bgcolor;
+          }
+        }
       }
     }

package/SCSS-Themes/buttons/radio-button/fluent.scss CHANGED Viewed

@@ -733,6 +733,12 @@ $radio-btn-uncheck-color: $icon-color !default;
           border-color: $radio-btn-focus-check-border-color;
           box-shadow: $radio-btn-focussed-box-shadow;
         }
+        & .e-ripple-container {
+          @if $skin-name == 'Material3' {
+            background-color: $radio-btn-focus-ripple-bgcolor;
+          }
+        }
       }
     }

package/SCSS-Themes/buttons/radio-button/fluent2-dark.scss CHANGED Viewed

@@ -727,6 +727,12 @@ $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
           border-color: $radio-btn-focus-check-border-color;
           box-shadow: $radio-btn-focussed-box-shadow;
         }
+        & .e-ripple-container {
+          @if $skin-name == 'Material3' {
+            background-color: $radio-btn-focus-ripple-bgcolor;
+          }
+        }
       }
     }

package/SCSS-Themes/buttons/radio-button/fluent2.scss CHANGED Viewed

@@ -727,6 +727,12 @@ $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
           border-color: $radio-btn-focus-check-border-color;
           box-shadow: $radio-btn-focussed-box-shadow;
         }
+        & .e-ripple-container {
+          @if $skin-name == 'Material3' {
+            background-color: $radio-btn-focus-ripple-bgcolor;
+          }
+        }
       }
     }

package/SCSS-Themes/buttons/radio-button/highcontrast.scss CHANGED Viewed

@@ -727,6 +727,12 @@ $radio-btn-checked-ripple-bgcolor: #ff4081 !default;
           border-color: $radio-btn-focus-check-border-color;
           box-shadow: $radio-btn-focussed-box-shadow;
         }
+        & .e-ripple-container {
+          @if $skin-name == 'Material3' {
+            background-color: $radio-btn-focus-ripple-bgcolor;
+          }
+        }
       }
     }

package/SCSS-Themes/buttons/radio-button/material-dark.scss CHANGED Viewed

@@ -729,6 +729,12 @@ $radio-btn-focus-outline-offset: 0 !default;
           border-color: $radio-btn-focus-check-border-color;
           box-shadow: $radio-btn-focussed-box-shadow;
         }
+        & .e-ripple-container {
+          @if $skin-name == 'Material3' {
+            background-color: $radio-btn-focus-ripple-bgcolor;
+          }
+        }
       }
     }

package/SCSS-Themes/buttons/radio-button/material.scss CHANGED Viewed

@@ -729,6 +729,12 @@ $radio-btn-focus-outline-offset: 0 !default;
           border-color: $radio-btn-focus-check-border-color;
           box-shadow: $radio-btn-focussed-box-shadow;
         }
+        & .e-ripple-container {
+          @if $skin-name == 'Material3' {
+            background-color: $radio-btn-focus-ripple-bgcolor;
+          }
+        }
       }
     }

package/SCSS-Themes/buttons/radio-button/material3-dark.scss CHANGED Viewed

@@ -19,8 +19,8 @@ $radio-btn-small-width: 14px !default;
 $radio-btn-icon-left: 4px !default;
 $radio-btn-icon-top: 4px !default;
 $radio-btn-icon-right: 4px !default;
-$radio-btn-ripple-position: -9.5px !default;
-$radio-btn-ripple-size: 32px !default;
+$radio-btn-ripple-position: -8px !default;
+$radio-btn-ripple-size: 30px !default;
 $radio-btn-small-icon-left: 4px !default;
 $radio-btn-small-icon-top: 4px !default;
 $radio-btn-small-icon-right: 4px !default;
@@ -727,6 +727,12 @@ $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
           border-color: $radio-btn-focus-check-border-color;
           box-shadow: $radio-btn-focussed-box-shadow;
         }
+        & .e-ripple-container {
+          @if $skin-name == 'Material3' {
+            background-color: $radio-btn-focus-ripple-bgcolor;
+          }
+        }
       }
     }

package/SCSS-Themes/buttons/radio-button/material3.scss CHANGED Viewed

@@ -19,8 +19,8 @@ $radio-btn-small-width: 14px !default;
 $radio-btn-icon-left: 4px !default;
 $radio-btn-icon-top: 4px !default;
 $radio-btn-icon-right: 4px !default;
-$radio-btn-ripple-position: -9.5px !default;
-$radio-btn-ripple-size: 32px !default;
+$radio-btn-ripple-position: -8px !default;
+$radio-btn-ripple-size: 30px !default;
 $radio-btn-small-icon-left: 4px !default;
 $radio-btn-small-icon-top: 4px !default;
 $radio-btn-small-icon-right: 4px !default;
@@ -727,6 +727,12 @@ $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
           border-color: $radio-btn-focus-check-border-color;
           box-shadow: $radio-btn-focussed-box-shadow;
         }
+        & .e-ripple-container {
+          @if $skin-name == 'Material3' {
+            background-color: $radio-btn-focus-ripple-bgcolor;
+          }
+        }
       }
     }

package/SCSS-Themes/buttons/radio-button/tailwind-dark.scss CHANGED Viewed

@@ -727,6 +727,12 @@ $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
           border-color: $radio-btn-focus-check-border-color;
           box-shadow: $radio-btn-focussed-box-shadow;
         }
+        & .e-ripple-container {
+          @if $skin-name == 'Material3' {
+            background-color: $radio-btn-focus-ripple-bgcolor;
+          }
+        }
       }
     }

package/SCSS-Themes/buttons/radio-button/tailwind.scss CHANGED Viewed

@@ -727,6 +727,12 @@ $radio-btn-focus-outline: $radio-btn-background-color 0 solid !default;
           border-color: $radio-btn-focus-check-border-color;
           box-shadow: $radio-btn-focussed-box-shadow;
         }
+        & .e-ripple-container {
+          @if $skin-name == 'Material3' {
+            background-color: $radio-btn-focus-ripple-bgcolor;
+          }
+        }
       }
     }

package/SCSS-Themes/dropdowns/drop-down-base/bds-dark.scss CHANGED Viewed

@@ -462,6 +462,8 @@ $ddl-group-list-item-text-intent: 0 !default;
         min-height: $ddl-list-line-height;
         padding-left: $ddl-list-header-padding-left;
         padding-right: $ddl-list-padding-right;
+        overflow: hidden;
+        text-overflow: ellipsis;
         @if $skin-name == 'Material3' {
           background: $ddl-list-bg-color;
         }

package/SCSS-Themes/dropdowns/drop-down-base/bds.scss CHANGED Viewed

@@ -462,6 +462,8 @@ $ddl-group-list-item-text-intent: 0 !default;
         min-height: $ddl-list-line-height;
         padding-left: $ddl-list-header-padding-left;
         padding-right: $ddl-list-padding-right;
+        overflow: hidden;
+        text-overflow: ellipsis;
         @if $skin-name == 'Material3' {
           background: $ddl-list-bg-color;
         }

package/SCSS-Themes/dropdowns/drop-down-base/bootstrap-dark.scss CHANGED Viewed

@@ -411,6 +411,8 @@ $ddl-bigger-small-list-header-font-size: 14px !default;
         min-height: $ddl-list-line-height;
         padding-left: $ddl-list-header-padding-left;
         padding-right: $ddl-list-padding-right;
+        overflow: hidden;
+        text-overflow: ellipsis;
         @if $skin-name == 'Material3' {
           background: $ddl-list-bg-color;
         }

package/SCSS-Themes/dropdowns/drop-down-base/bootstrap.scss CHANGED Viewed

@@ -411,6 +411,8 @@ $ddl-group-list-item-text-intent: 0 !default;
         min-height: $ddl-list-line-height;
         padding-left: $ddl-list-header-padding-left;
         padding-right: $ddl-list-padding-right;
+        overflow: hidden;
+        text-overflow: ellipsis;
         @if $skin-name == 'Material3' {
           background: $ddl-list-bg-color;
         }

package/SCSS-Themes/dropdowns/drop-down-base/bootstrap4.scss CHANGED Viewed

@@ -418,6 +418,8 @@ $ddl-group-list-item-text-intent: 0 !default;
         min-height: $ddl-list-line-height;
         padding-left: $ddl-list-header-padding-left;
         padding-right: $ddl-list-padding-right;
+        overflow: hidden;
+        text-overflow: ellipsis;
         @if $skin-name == 'Material3' {
           background: $ddl-list-bg-color;
         }

package/SCSS-Themes/dropdowns/drop-down-base/bootstrap5-dark.scss CHANGED Viewed

@@ -445,6 +445,8 @@ $ddl-bigger-small-list-font-color: $content-text-color !default;
         min-height: $ddl-list-line-height;
         padding-left: $ddl-list-header-padding-left;
         padding-right: $ddl-list-padding-right;
+        overflow: hidden;
+        text-overflow: ellipsis;
         @if $skin-name == 'Material3' {
           background: $ddl-list-bg-color;
         }

package/SCSS-Themes/dropdowns/drop-down-base/bootstrap5.scss CHANGED Viewed

@@ -445,6 +445,8 @@ $ddl-bigger-small-list-font-color: $content-text-color !default;
         min-height: $ddl-list-line-height;
         padding-left: $ddl-list-header-padding-left;
         padding-right: $ddl-list-padding-right;
+        overflow: hidden;
+        text-overflow: ellipsis;
         @if $skin-name == 'Material3' {
           background: $ddl-list-bg-color;
         }

package/SCSS-Themes/dropdowns/drop-down-base/fabric-dark.scss CHANGED Viewed

@@ -414,6 +414,8 @@ $ddl-bigger-small-list-header-font-size: 14px !default;
         min-height: $ddl-list-line-height;
         padding-left: $ddl-list-header-padding-left;
         padding-right: $ddl-list-padding-right;
+        overflow: hidden;
+        text-overflow: ellipsis;
         @if $skin-name == 'Material3' {
           background: $ddl-list-bg-color;
         }

package/SCSS-Themes/dropdowns/drop-down-base/fabric.scss CHANGED Viewed

@@ -412,6 +412,8 @@ $ddl-bigger-small-list-header-font-size: 14px !default;
         min-height: $ddl-list-line-height;
         padding-left: $ddl-list-header-padding-left;
         padding-right: $ddl-list-padding-right;
+        overflow: hidden;
+        text-overflow: ellipsis;
         @if $skin-name == 'Material3' {
           background: $ddl-list-bg-color;
         }

package/SCSS-Themes/dropdowns/drop-down-base/fluent-dark.scss CHANGED Viewed

@@ -449,6 +449,8 @@ $ddl-group-list-item-text-intent: 0 !default;
         min-height: $ddl-list-line-height;
         padding-left: $ddl-list-header-padding-left;
         padding-right: $ddl-list-padding-right;
+        overflow: hidden;
+        text-overflow: ellipsis;
         @if $skin-name == 'Material3' {
           background: $ddl-list-bg-color;
         }

package/SCSS-Themes/dropdowns/drop-down-base/fluent.scss CHANGED Viewed

@@ -449,6 +449,8 @@ $ddl-group-list-item-text-intent: 0 !default;
         min-height: $ddl-list-line-height;
         padding-left: $ddl-list-header-padding-left;
         padding-right: $ddl-list-padding-right;
+        overflow: hidden;
+        text-overflow: ellipsis;
         @if $skin-name == 'Material3' {
           background: $ddl-list-bg-color;
         }

package/SCSS-Themes/dropdowns/drop-down-base/fluent2-dark.scss CHANGED Viewed

@@ -462,6 +462,8 @@ $ddl-group-list-item-text-intent: 0 !default;
         min-height: $ddl-list-line-height;
         padding-left: $ddl-list-header-padding-left;
         padding-right: $ddl-list-padding-right;
+        overflow: hidden;
+        text-overflow: ellipsis;
         @if $skin-name == 'Material3' {
           background: $ddl-list-bg-color;
         }

package/SCSS-Themes/dropdowns/drop-down-base/fluent2.scss CHANGED Viewed

@@ -462,6 +462,8 @@ $ddl-group-list-item-text-intent: 0 !default;
         min-height: $ddl-list-line-height;
         padding-left: $ddl-list-header-padding-left;
         padding-right: $ddl-list-padding-right;
+        overflow: hidden;
+        text-overflow: ellipsis;
         @if $skin-name == 'Material3' {
           background: $ddl-list-bg-color;
         }

package/SCSS-Themes/dropdowns/drop-down-base/highcontrast.scss CHANGED Viewed

@@ -433,6 +433,8 @@ $ddl-bigger-small-list-header-font-size: 14px !default;
         min-height: $ddl-list-line-height;
         padding-left: $ddl-list-header-padding-left;
         padding-right: $ddl-list-padding-right;
+        overflow: hidden;
+        text-overflow: ellipsis;
         @if $skin-name == 'Material3' {
           background: $ddl-list-bg-color;
         }

package/SCSS-Themes/dropdowns/drop-down-base/material-dark.scss CHANGED Viewed

@@ -414,6 +414,8 @@ $ddl-bigger-small-list-header-font-size: 13px !default;
         min-height: $ddl-list-line-height;
         padding-left: $ddl-list-header-padding-left;
         padding-right: $ddl-list-padding-right;
+        overflow: hidden;
+        text-overflow: ellipsis;
         @if $skin-name == 'Material3' {
           background: $ddl-list-bg-color;
         }

package/SCSS-Themes/dropdowns/drop-down-base/material.scss CHANGED Viewed

@@ -413,6 +413,8 @@ $ddl-small-list-header-font-size: $ddl-group-list-font-size !default;
         min-height: $ddl-list-line-height;
         padding-left: $ddl-list-header-padding-left;
         padding-right: $ddl-list-padding-right;
+        overflow: hidden;
+        text-overflow: ellipsis;
         @if $skin-name == 'Material3' {
           background: $ddl-list-bg-color;
         }

package/SCSS-Themes/dropdowns/drop-down-base/material3-dark.scss CHANGED Viewed

@@ -404,6 +404,8 @@ $ddl-small-list-header-font-size: $ddl-group-list-font-size !default;
         min-height: $ddl-list-line-height;
         padding-left: $ddl-list-header-padding-left;
         padding-right: $ddl-list-padding-right;
+        overflow: hidden;
+        text-overflow: ellipsis;
         @if $skin-name == 'Material3' {
           background: $ddl-list-bg-color;
         }

package/SCSS-Themes/dropdowns/drop-down-base/material3.scss CHANGED Viewed

@@ -404,6 +404,8 @@ $ddl-small-list-header-font-size: $ddl-group-list-font-size !default;
         min-height: $ddl-list-line-height;
         padding-left: $ddl-list-header-padding-left;
         padding-right: $ddl-list-padding-right;
+        overflow: hidden;
+        text-overflow: ellipsis;
         @if $skin-name == 'Material3' {
           background: $ddl-list-bg-color;
         }

package/SCSS-Themes/dropdowns/drop-down-base/tailwind-dark.scss CHANGED Viewed

@@ -457,6 +457,8 @@ $ddl-group-list-item-text-intent: 0 !default;
         min-height: $ddl-list-line-height;
         padding-left: $ddl-list-header-padding-left;
         padding-right: $ddl-list-padding-right;
+        overflow: hidden;
+        text-overflow: ellipsis;
         @if $skin-name == 'Material3' {
           background: $ddl-list-bg-color;
         }

package/SCSS-Themes/dropdowns/drop-down-base/tailwind.scss CHANGED Viewed

@@ -457,6 +457,8 @@ $ddl-group-list-item-text-intent: 0 !default;
         min-height: $ddl-list-line-height;
         padding-left: $ddl-list-header-padding-left;
         padding-right: $ddl-list-padding-right;
+        overflow: hidden;
+        text-overflow: ellipsis;
         @if $skin-name == 'Material3' {
           background: $ddl-list-bg-color;
         }

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

@@ -712,6 +712,12 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
   }
 }
+.e-listbox-wrapper:not(.e-list-template) .e-list-parent li {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
 @mixin avatar {
   height: $listbox-template-avatar-size;

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

@@ -712,6 +712,12 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
   }
 }
+.e-listbox-wrapper:not(.e-list-template) .e-list-parent li {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
 @mixin avatar {
   height: $listbox-template-avatar-size;

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

@@ -700,6 +700,12 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
   }
 }
+.e-listbox-wrapper:not(.e-list-template) .e-list-parent li {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
 @mixin avatar {
   height: $listbox-template-avatar-size;

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

@@ -695,6 +695,12 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
   }
 }
+.e-listbox-wrapper:not(.e-list-template) .e-list-parent li {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
 @mixin avatar {
   height: $listbox-template-avatar-size;

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

@@ -700,6 +700,12 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 108px) !default;
   }
 }
+.e-listbox-wrapper:not(.e-list-template) .e-list-parent li {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
 @mixin avatar {
   height: $listbox-template-avatar-size;

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

@@ -696,6 +696,12 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
   }
 }
+.e-listbox-wrapper:not(.e-list-template) .e-list-parent li {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
 @mixin avatar {
   height: $listbox-template-avatar-size;

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

@@ -696,6 +696,12 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
   }
 }
+.e-listbox-wrapper:not(.e-list-template) .e-list-parent li {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
 @mixin avatar {
   height: $listbox-template-avatar-size;

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

@@ -700,6 +700,12 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
   }
 }
+.e-listbox-wrapper:not(.e-list-template) .e-list-parent li {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
 @mixin avatar {
   height: $listbox-template-avatar-size;

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

@@ -695,6 +695,12 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
   }
 }
+.e-listbox-wrapper:not(.e-list-template) .e-list-parent li {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
 @mixin avatar {
   height: $listbox-template-avatar-size;

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

@@ -696,6 +696,12 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 113px) !default;
   }
 }
+.e-listbox-wrapper:not(.e-list-template) .e-list-parent li {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
 @mixin avatar {
   height: $listbox-template-avatar-size;

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

@@ -696,6 +696,12 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 113px) !default;
   }
 }
+.e-listbox-wrapper:not(.e-list-template) .e-list-parent li {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
 @mixin avatar {
   height: $listbox-template-avatar-size;

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

@@ -695,6 +695,12 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
   }
 }
+.e-listbox-wrapper:not(.e-list-template) .e-list-parent li {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
 @mixin avatar {
   height: $listbox-template-avatar-size;

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

@@ -695,6 +695,12 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
   }
 }
+.e-listbox-wrapper:not(.e-list-template) .e-list-parent li {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
 @mixin avatar {
   height: $listbox-template-avatar-size;

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

@@ -695,6 +695,12 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
   }
 }
+.e-listbox-wrapper:not(.e-list-template) .e-list-parent li {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
 @mixin avatar {
   height: $listbox-template-avatar-size;

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

@@ -700,6 +700,12 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 103px) !default;
   }
 }
+.e-listbox-wrapper:not(.e-list-template) .e-list-parent li {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
 @mixin avatar {
   height: $listbox-template-avatar-size;