@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
  1. package/SCSS-Themes/bds-dark.scss +209 -32
  2. package/SCSS-Themes/bds.scss +209 -32
  3. package/SCSS-Themes/bootstrap-dark.scss +211 -34
  4. package/SCSS-Themes/bootstrap.scss +211 -34
  5. package/SCSS-Themes/bootstrap4.scss +211 -34
  6. package/SCSS-Themes/bootstrap5-dark.scss +213 -36
  7. package/SCSS-Themes/bootstrap5.scss +213 -36
  8. package/SCSS-Themes/buttons/radio-button/bds-dark.scss +6 -0
  9. package/SCSS-Themes/buttons/radio-button/bds.scss +6 -0
  10. package/SCSS-Themes/buttons/radio-button/bootstrap-dark.scss +6 -0
  11. package/SCSS-Themes/buttons/radio-button/bootstrap.scss +6 -0
  12. package/SCSS-Themes/buttons/radio-button/bootstrap4.scss +6 -0
  13. package/SCSS-Themes/buttons/radio-button/bootstrap5-dark.scss +6 -0
  14. package/SCSS-Themes/buttons/radio-button/bootstrap5.scss +6 -0
  15. package/SCSS-Themes/buttons/radio-button/fabric-dark.scss +6 -0
  16. package/SCSS-Themes/buttons/radio-button/fabric.scss +6 -0
  17. package/SCSS-Themes/buttons/radio-button/fluent-dark.scss +6 -0
  18. package/SCSS-Themes/buttons/radio-button/fluent.scss +6 -0
  19. package/SCSS-Themes/buttons/radio-button/fluent2-dark.scss +6 -0
  20. package/SCSS-Themes/buttons/radio-button/fluent2.scss +6 -0
  21. package/SCSS-Themes/buttons/radio-button/highcontrast.scss +6 -0
  22. package/SCSS-Themes/buttons/radio-button/material-dark.scss +6 -0
  23. package/SCSS-Themes/buttons/radio-button/material.scss +6 -0
  24. package/SCSS-Themes/buttons/radio-button/material3-dark.scss +8 -2
  25. package/SCSS-Themes/buttons/radio-button/material3.scss +8 -2
  26. package/SCSS-Themes/buttons/radio-button/tailwind-dark.scss +6 -0
  27. package/SCSS-Themes/buttons/radio-button/tailwind.scss +6 -0
  28. package/SCSS-Themes/dropdowns/drop-down-base/bds-dark.scss +2 -0
  29. package/SCSS-Themes/dropdowns/drop-down-base/bds.scss +2 -0
  30. package/SCSS-Themes/dropdowns/drop-down-base/bootstrap-dark.scss +2 -0
  31. package/SCSS-Themes/dropdowns/drop-down-base/bootstrap.scss +2 -0
  32. package/SCSS-Themes/dropdowns/drop-down-base/bootstrap4.scss +2 -0
  33. package/SCSS-Themes/dropdowns/drop-down-base/bootstrap5-dark.scss +2 -0
  34. package/SCSS-Themes/dropdowns/drop-down-base/bootstrap5.scss +2 -0
  35. package/SCSS-Themes/dropdowns/drop-down-base/fabric-dark.scss +2 -0
  36. package/SCSS-Themes/dropdowns/drop-down-base/fabric.scss +2 -0
  37. package/SCSS-Themes/dropdowns/drop-down-base/fluent-dark.scss +2 -0
  38. package/SCSS-Themes/dropdowns/drop-down-base/fluent.scss +2 -0
  39. package/SCSS-Themes/dropdowns/drop-down-base/fluent2-dark.scss +2 -0
  40. package/SCSS-Themes/dropdowns/drop-down-base/fluent2.scss +2 -0
  41. package/SCSS-Themes/dropdowns/drop-down-base/highcontrast.scss +2 -0
  42. package/SCSS-Themes/dropdowns/drop-down-base/material-dark.scss +2 -0
  43. package/SCSS-Themes/dropdowns/drop-down-base/material.scss +2 -0
  44. package/SCSS-Themes/dropdowns/drop-down-base/material3-dark.scss +2 -0
  45. package/SCSS-Themes/dropdowns/drop-down-base/material3.scss +2 -0
  46. package/SCSS-Themes/dropdowns/drop-down-base/tailwind-dark.scss +2 -0
  47. package/SCSS-Themes/dropdowns/drop-down-base/tailwind.scss +2 -0
  48. package/SCSS-Themes/dropdowns/list-box/bds-dark.scss +6 -0
  49. package/SCSS-Themes/dropdowns/list-box/bds.scss +6 -0
  50. package/SCSS-Themes/dropdowns/list-box/bootstrap-dark.scss +6 -0
  51. package/SCSS-Themes/dropdowns/list-box/bootstrap.scss +6 -0
  52. package/SCSS-Themes/dropdowns/list-box/bootstrap4.scss +6 -0
  53. package/SCSS-Themes/dropdowns/list-box/bootstrap5-dark.scss +6 -0
  54. package/SCSS-Themes/dropdowns/list-box/bootstrap5.scss +6 -0
  55. package/SCSS-Themes/dropdowns/list-box/fabric-dark.scss +6 -0
  56. package/SCSS-Themes/dropdowns/list-box/fabric.scss +6 -0
  57. package/SCSS-Themes/dropdowns/list-box/fluent-dark.scss +6 -0
  58. package/SCSS-Themes/dropdowns/list-box/fluent.scss +6 -0
  59. package/SCSS-Themes/dropdowns/list-box/fluent2-dark.scss +6 -0
  60. package/SCSS-Themes/dropdowns/list-box/fluent2.scss +6 -0
  61. package/SCSS-Themes/dropdowns/list-box/highcontrast.scss +6 -0
  62. package/SCSS-Themes/dropdowns/list-box/material-dark.scss +6 -0
  63. package/SCSS-Themes/dropdowns/list-box/material.scss +6 -0
  64. package/SCSS-Themes/dropdowns/list-box/material3-dark.scss +6 -0
  65. package/SCSS-Themes/dropdowns/list-box/material3.scss +6 -0
  66. package/SCSS-Themes/dropdowns/list-box/tailwind-dark.scss +6 -0
  67. package/SCSS-Themes/dropdowns/list-box/tailwind.scss +6 -0
  68. package/SCSS-Themes/dropdowns/multi-select/bds-dark.scss +1 -0
  69. package/SCSS-Themes/dropdowns/multi-select/bds.scss +1 -0
  70. package/SCSS-Themes/dropdowns/multi-select/bootstrap-dark.scss +1 -0
  71. package/SCSS-Themes/dropdowns/multi-select/bootstrap.scss +1 -0
  72. package/SCSS-Themes/dropdowns/multi-select/bootstrap4.scss +1 -0
  73. package/SCSS-Themes/dropdowns/multi-select/bootstrap5-dark.scss +1 -0
  74. package/SCSS-Themes/dropdowns/multi-select/bootstrap5.scss +1 -0
  75. package/SCSS-Themes/dropdowns/multi-select/fabric-dark.scss +1 -0
  76. package/SCSS-Themes/dropdowns/multi-select/fabric.scss +1 -0
  77. package/SCSS-Themes/dropdowns/multi-select/fluent-dark.scss +1 -0
  78. package/SCSS-Themes/dropdowns/multi-select/fluent.scss +1 -0
  79. package/SCSS-Themes/dropdowns/multi-select/fluent2-dark.scss +1 -0
  80. package/SCSS-Themes/dropdowns/multi-select/fluent2.scss +1 -0
  81. package/SCSS-Themes/dropdowns/multi-select/highcontrast.scss +1 -0
  82. package/SCSS-Themes/dropdowns/multi-select/material-dark.scss +1 -0
  83. package/SCSS-Themes/dropdowns/multi-select/material.scss +1 -0
  84. package/SCSS-Themes/dropdowns/multi-select/material3-dark.scss +1 -0
  85. package/SCSS-Themes/dropdowns/multi-select/material3.scss +1 -0
  86. package/SCSS-Themes/dropdowns/multi-select/tailwind-dark.scss +1 -0
  87. package/SCSS-Themes/dropdowns/multi-select/tailwind.scss +1 -0
  88. package/SCSS-Themes/fabric-dark.scss +211 -34
  89. package/SCSS-Themes/fabric.scss +211 -34
  90. package/SCSS-Themes/fluent-dark.scss +211 -34
  91. package/SCSS-Themes/fluent.scss +211 -34
  92. package/SCSS-Themes/fluent2-dark.scss +213 -35
  93. package/SCSS-Themes/fluent2.scss +213 -35
  94. package/SCSS-Themes/grids/excel-filter/bds-dark.scss +2 -1
  95. package/SCSS-Themes/grids/excel-filter/bds.scss +2 -1
  96. package/SCSS-Themes/grids/excel-filter/bootstrap-dark.scss +2 -1
  97. package/SCSS-Themes/grids/excel-filter/bootstrap.scss +2 -1
  98. package/SCSS-Themes/grids/excel-filter/bootstrap4.scss +2 -1
  99. package/SCSS-Themes/grids/excel-filter/bootstrap5-dark.scss +2 -1
  100. package/SCSS-Themes/grids/excel-filter/bootstrap5.scss +2 -1
  101. package/SCSS-Themes/grids/excel-filter/fabric-dark.scss +2 -1
  102. package/SCSS-Themes/grids/excel-filter/fabric.scss +2 -1
  103. package/SCSS-Themes/grids/excel-filter/fluent-dark.scss +2 -1
  104. package/SCSS-Themes/grids/excel-filter/fluent.scss +2 -1
  105. package/SCSS-Themes/grids/excel-filter/fluent2-dark.scss +2 -1
  106. package/SCSS-Themes/grids/excel-filter/fluent2.scss +2 -1
  107. package/SCSS-Themes/grids/excel-filter/highcontrast.scss +2 -1
  108. package/SCSS-Themes/grids/excel-filter/material-dark.scss +2 -1
  109. package/SCSS-Themes/grids/excel-filter/material.scss +2 -1
  110. package/SCSS-Themes/grids/excel-filter/material3-dark.scss +2 -1
  111. package/SCSS-Themes/grids/excel-filter/material3.scss +2 -1
  112. package/SCSS-Themes/grids/excel-filter/tailwind-dark.scss +2 -1
  113. package/SCSS-Themes/grids/excel-filter/tailwind.scss +2 -1
  114. package/SCSS-Themes/grids/grid/bds-dark.scss +20 -3
  115. package/SCSS-Themes/grids/grid/bds.scss +20 -3
  116. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +20 -3
  117. package/SCSS-Themes/grids/grid/bootstrap.scss +20 -3
  118. package/SCSS-Themes/grids/grid/bootstrap4.scss +20 -3
  119. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +22 -5
  120. package/SCSS-Themes/grids/grid/bootstrap5.scss +22 -5
  121. package/SCSS-Themes/grids/grid/fabric-dark.scss +20 -3
  122. package/SCSS-Themes/grids/grid/fabric.scss +20 -3
  123. package/SCSS-Themes/grids/grid/fluent-dark.scss +20 -3
  124. package/SCSS-Themes/grids/grid/fluent.scss +20 -3
  125. package/SCSS-Themes/grids/grid/fluent2-dark.scss +22 -4
  126. package/SCSS-Themes/grids/grid/fluent2.scss +22 -4
  127. package/SCSS-Themes/grids/grid/highcontrast.scss +21 -4
  128. package/SCSS-Themes/grids/grid/material-dark.scss +20 -3
  129. package/SCSS-Themes/grids/grid/material.scss +21 -4
  130. package/SCSS-Themes/grids/grid/material3-dark.scss +20 -3
  131. package/SCSS-Themes/grids/grid/material3.scss +20 -3
  132. package/SCSS-Themes/grids/grid/tailwind-dark.scss +20 -3
  133. package/SCSS-Themes/grids/grid/tailwind.scss +20 -3
  134. package/SCSS-Themes/highcontrast.scss +212 -35
  135. package/SCSS-Themes/inputs/signature/bds-dark.scss +2 -2
  136. package/SCSS-Themes/inputs/signature/bds.scss +2 -2
  137. package/SCSS-Themes/inputs/signature/bootstrap-dark.scss +2 -2
  138. package/SCSS-Themes/inputs/signature/bootstrap.scss +2 -2
  139. package/SCSS-Themes/inputs/signature/bootstrap4.scss +2 -2
  140. package/SCSS-Themes/inputs/signature/bootstrap5-dark.scss +2 -2
  141. package/SCSS-Themes/inputs/signature/bootstrap5.scss +2 -2
  142. package/SCSS-Themes/inputs/signature/fabric-dark.scss +2 -2
  143. package/SCSS-Themes/inputs/signature/fabric.scss +2 -2
  144. package/SCSS-Themes/inputs/signature/fluent-dark.scss +2 -2
  145. package/SCSS-Themes/inputs/signature/fluent.scss +2 -2
  146. package/SCSS-Themes/inputs/signature/fluent2-dark.scss +2 -2
  147. package/SCSS-Themes/inputs/signature/fluent2.scss +2 -2
  148. package/SCSS-Themes/inputs/signature/highcontrast.scss +2 -2
  149. package/SCSS-Themes/inputs/signature/material-dark.scss +2 -2
  150. package/SCSS-Themes/inputs/signature/material.scss +2 -2
  151. package/SCSS-Themes/inputs/signature/material3-dark.scss +2 -2
  152. package/SCSS-Themes/inputs/signature/material3.scss +2 -2
  153. package/SCSS-Themes/inputs/signature/tailwind-dark.scss +2 -2
  154. package/SCSS-Themes/inputs/signature/tailwind.scss +2 -2
  155. package/SCSS-Themes/material-dark.scss +211 -34
  156. package/SCSS-Themes/material.scss +212 -35
  157. package/SCSS-Themes/material3-dark.scss +213 -36
  158. package/SCSS-Themes/material3.scss +213 -36
  159. package/SCSS-Themes/navigations/pager/bds-dark.scss +6 -0
  160. package/SCSS-Themes/navigations/pager/bds.scss +6 -0
  161. package/SCSS-Themes/navigations/pager/bootstrap-dark.scss +6 -0
  162. package/SCSS-Themes/navigations/pager/bootstrap.scss +6 -0
  163. package/SCSS-Themes/navigations/pager/bootstrap4.scss +6 -0
  164. package/SCSS-Themes/navigations/pager/bootstrap5-dark.scss +6 -0
  165. package/SCSS-Themes/navigations/pager/bootstrap5.scss +6 -0
  166. package/SCSS-Themes/navigations/pager/fabric-dark.scss +6 -0
  167. package/SCSS-Themes/navigations/pager/fabric.scss +6 -0
  168. package/SCSS-Themes/navigations/pager/fluent-dark.scss +6 -0
  169. package/SCSS-Themes/navigations/pager/fluent.scss +6 -0
  170. package/SCSS-Themes/navigations/pager/fluent2-dark.scss +6 -0
  171. package/SCSS-Themes/navigations/pager/fluent2.scss +6 -0
  172. package/SCSS-Themes/navigations/pager/highcontrast.scss +6 -0
  173. package/SCSS-Themes/navigations/pager/material-dark.scss +6 -0
  174. package/SCSS-Themes/navigations/pager/material.scss +6 -0
  175. package/SCSS-Themes/navigations/pager/material3-dark.scss +6 -0
  176. package/SCSS-Themes/navigations/pager/material3.scss +6 -0
  177. package/SCSS-Themes/navigations/pager/tailwind-dark.scss +6 -0
  178. package/SCSS-Themes/navigations/pager/tailwind.scss +6 -0
  179. package/SCSS-Themes/pdfviewer/pdfviewer/bds-dark.scss +94 -19
  180. package/SCSS-Themes/pdfviewer/pdfviewer/bds.scss +94 -19
  181. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap-dark.scss +94 -19
  182. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap.scss +94 -19
  183. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap4.scss +94 -19
  184. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap5-dark.scss +94 -19
  185. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap5.scss +94 -19
  186. package/SCSS-Themes/pdfviewer/pdfviewer/fabric-dark.scss +94 -19
  187. package/SCSS-Themes/pdfviewer/pdfviewer/fabric.scss +94 -19
  188. package/SCSS-Themes/pdfviewer/pdfviewer/fluent-dark.scss +94 -19
  189. package/SCSS-Themes/pdfviewer/pdfviewer/fluent.scss +94 -19
  190. package/SCSS-Themes/pdfviewer/pdfviewer/fluent2-dark.scss +94 -19
  191. package/SCSS-Themes/pdfviewer/pdfviewer/fluent2.scss +94 -19
  192. package/SCSS-Themes/pdfviewer/pdfviewer/highcontrast.scss +94 -19
  193. package/SCSS-Themes/pdfviewer/pdfviewer/material-dark.scss +94 -19
  194. package/SCSS-Themes/pdfviewer/pdfviewer/material.scss +94 -19
  195. package/SCSS-Themes/pdfviewer/pdfviewer/material3-dark.scss +94 -19
  196. package/SCSS-Themes/pdfviewer/pdfviewer/material3.scss +94 -19
  197. package/SCSS-Themes/pdfviewer/pdfviewer/tailwind-dark.scss +94 -19
  198. package/SCSS-Themes/pdfviewer/pdfviewer/tailwind.scss +94 -19
  199. package/SCSS-Themes/pivotview/pivotview/bds-dark.scss +10 -0
  200. package/SCSS-Themes/pivotview/pivotview/bds.scss +10 -0
  201. package/SCSS-Themes/pivotview/pivotview/bootstrap-dark.scss +10 -0
  202. package/SCSS-Themes/pivotview/pivotview/bootstrap.scss +10 -0
  203. package/SCSS-Themes/pivotview/pivotview/bootstrap4.scss +10 -0
  204. package/SCSS-Themes/pivotview/pivotview/bootstrap5-dark.scss +10 -0
  205. package/SCSS-Themes/pivotview/pivotview/bootstrap5.scss +10 -0
  206. package/SCSS-Themes/pivotview/pivotview/fabric-dark.scss +10 -0
  207. package/SCSS-Themes/pivotview/pivotview/fabric.scss +10 -0
  208. package/SCSS-Themes/pivotview/pivotview/fluent-dark.scss +10 -0
  209. package/SCSS-Themes/pivotview/pivotview/fluent.scss +10 -0
  210. package/SCSS-Themes/pivotview/pivotview/fluent2-dark.scss +10 -0
  211. package/SCSS-Themes/pivotview/pivotview/fluent2.scss +10 -0
  212. package/SCSS-Themes/pivotview/pivotview/highcontrast.scss +10 -0
  213. package/SCSS-Themes/pivotview/pivotview/material-dark.scss +10 -0
  214. package/SCSS-Themes/pivotview/pivotview/material.scss +10 -0
  215. package/SCSS-Themes/pivotview/pivotview/material3-dark.scss +10 -0
  216. package/SCSS-Themes/pivotview/pivotview/material3.scss +10 -0
  217. package/SCSS-Themes/pivotview/pivotview/tailwind-dark.scss +10 -0
  218. package/SCSS-Themes/pivotview/pivotview/tailwind.scss +10 -0
  219. package/SCSS-Themes/ribbon/ribbon/bds-dark.scss +32 -4
  220. package/SCSS-Themes/ribbon/ribbon/bds.scss +32 -4
  221. package/SCSS-Themes/ribbon/ribbon/bootstrap-dark.scss +34 -6
  222. package/SCSS-Themes/ribbon/ribbon/bootstrap.scss +34 -6
  223. package/SCSS-Themes/ribbon/ribbon/bootstrap4.scss +34 -6
  224. package/SCSS-Themes/ribbon/ribbon/bootstrap5-dark.scss +34 -6
  225. package/SCSS-Themes/ribbon/ribbon/bootstrap5.scss +34 -6
  226. package/SCSS-Themes/ribbon/ribbon/fabric-dark.scss +34 -6
  227. package/SCSS-Themes/ribbon/ribbon/fabric.scss +34 -6
  228. package/SCSS-Themes/ribbon/ribbon/fluent-dark.scss +34 -6
  229. package/SCSS-Themes/ribbon/ribbon/fluent.scss +34 -6
  230. package/SCSS-Themes/ribbon/ribbon/fluent2-dark.scss +34 -6
  231. package/SCSS-Themes/ribbon/ribbon/fluent2.scss +34 -6
  232. package/SCSS-Themes/ribbon/ribbon/highcontrast.scss +34 -6
  233. package/SCSS-Themes/ribbon/ribbon/material-dark.scss +34 -6
  234. package/SCSS-Themes/ribbon/ribbon/material.scss +34 -6
  235. package/SCSS-Themes/ribbon/ribbon/material3-dark.scss +34 -6
  236. package/SCSS-Themes/ribbon/ribbon/material3.scss +34 -6
  237. package/SCSS-Themes/ribbon/ribbon/tailwind-dark.scss +34 -6
  238. package/SCSS-Themes/ribbon/ribbon/tailwind.scss +34 -6
  239. package/SCSS-Themes/tailwind-dark.scss +211 -34
  240. package/SCSS-Themes/tailwind.scss +211 -34
  241. package/SCSS-Themes/treegrid/treegrid/bds-dark.scss +28 -3
  242. package/SCSS-Themes/treegrid/treegrid/bds.scss +28 -3
  243. package/SCSS-Themes/treegrid/treegrid/bootstrap-dark.scss +28 -3
  244. package/SCSS-Themes/treegrid/treegrid/bootstrap.scss +28 -3
  245. package/SCSS-Themes/treegrid/treegrid/bootstrap4.scss +28 -3
  246. package/SCSS-Themes/treegrid/treegrid/bootstrap5-dark.scss +28 -3
  247. package/SCSS-Themes/treegrid/treegrid/bootstrap5.scss +28 -3
  248. package/SCSS-Themes/treegrid/treegrid/fabric-dark.scss +28 -3
  249. package/SCSS-Themes/treegrid/treegrid/fabric.scss +28 -3
  250. package/SCSS-Themes/treegrid/treegrid/fluent-dark.scss +28 -3
  251. package/SCSS-Themes/treegrid/treegrid/fluent.scss +28 -3
  252. package/SCSS-Themes/treegrid/treegrid/fluent2-dark.scss +28 -3
  253. package/SCSS-Themes/treegrid/treegrid/fluent2.scss +28 -3
  254. package/SCSS-Themes/treegrid/treegrid/highcontrast.scss +28 -3
  255. package/SCSS-Themes/treegrid/treegrid/material-dark.scss +28 -3
  256. package/SCSS-Themes/treegrid/treegrid/material.scss +28 -3
  257. package/SCSS-Themes/treegrid/treegrid/material3-dark.scss +28 -3
  258. package/SCSS-Themes/treegrid/treegrid/material3.scss +28 -3
  259. package/SCSS-Themes/treegrid/treegrid/tailwind-dark.scss +28 -3
  260. package/SCSS-Themes/treegrid/treegrid/tailwind.scss +28 -3
  261. package/package.json +1 -1
@@ -695,6 +695,12 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 103px) !default;
695
695
  }
696
696
  }
697
697
 
698
+ .e-listbox-wrapper:not(.e-list-template) .e-list-parent li {
699
+ overflow: hidden;
700
+ white-space: nowrap;
701
+ text-overflow: ellipsis;
702
+ }
703
+
698
704
 
699
705
  @mixin avatar {
700
706
  height: $listbox-template-avatar-size;
@@ -695,6 +695,12 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 92px) !default;
695
695
  }
696
696
  }
697
697
 
698
+ .e-listbox-wrapper:not(.e-list-template) .e-list-parent li {
699
+ overflow: hidden;
700
+ white-space: nowrap;
701
+ text-overflow: ellipsis;
702
+ }
703
+
698
704
 
699
705
  @mixin avatar {
700
706
  height: $listbox-template-avatar-size;
@@ -695,6 +695,12 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 92px) !default;
695
695
  }
696
696
  }
697
697
 
698
+ .e-listbox-wrapper:not(.e-list-template) .e-list-parent li {
699
+ overflow: hidden;
700
+ white-space: nowrap;
701
+ text-overflow: ellipsis;
702
+ }
703
+
698
704
 
699
705
  @mixin avatar {
700
706
  height: $listbox-template-avatar-size;
@@ -695,6 +695,12 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
695
695
  }
696
696
  }
697
697
 
698
+ .e-listbox-wrapper:not(.e-list-template) .e-list-parent li {
699
+ overflow: hidden;
700
+ white-space: nowrap;
701
+ text-overflow: ellipsis;
702
+ }
703
+
698
704
 
699
705
  @mixin avatar {
700
706
  height: $listbox-template-avatar-size;
@@ -695,6 +695,12 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
695
695
  }
696
696
  }
697
697
 
698
+ .e-listbox-wrapper:not(.e-list-template) .e-list-parent li {
699
+ overflow: hidden;
700
+ white-space: nowrap;
701
+ text-overflow: ellipsis;
702
+ }
703
+
698
704
 
699
705
  @mixin avatar {
700
706
  height: $listbox-template-avatar-size;
@@ -1173,6 +1173,7 @@ $ddl-close-icon-hover-color: $icon-color-hover !default;
1173
1173
  display: block;
1174
1174
  line-height: $ddl-select-all-height;
1175
1175
  overflow: hidden;
1176
+ text-overflow: ellipsis;
1176
1177
  padding-right: $ddl-list-padding-right;
1177
1178
  position: relative;
1178
1179
  text-indent: $ddl-check-right;
@@ -1173,6 +1173,7 @@ $ddl-close-icon-hover-color: $icon-color-hover !default;
1173
1173
  display: block;
1174
1174
  line-height: $ddl-select-all-height;
1175
1175
  overflow: hidden;
1176
+ text-overflow: ellipsis;
1176
1177
  padding-right: $ddl-list-padding-right;
1177
1178
  position: relative;
1178
1179
  text-indent: $ddl-check-right;
@@ -1145,6 +1145,7 @@ $ddl-closer-margin-top-bigger-small: -4em !default;
1145
1145
  display: block;
1146
1146
  line-height: $ddl-select-all-height;
1147
1147
  overflow: hidden;
1148
+ text-overflow: ellipsis;
1148
1149
  padding-right: $ddl-list-padding-right;
1149
1150
  position: relative;
1150
1151
  text-indent: $ddl-check-right;
@@ -1134,6 +1134,7 @@ $ddl-closer-margin-top-bigger-small: -4em !default;
1134
1134
  display: block;
1135
1135
  line-height: $ddl-select-all-height;
1136
1136
  overflow: hidden;
1137
+ text-overflow: ellipsis;
1137
1138
  padding-right: $ddl-list-padding-right;
1138
1139
  position: relative;
1139
1140
  text-indent: $ddl-check-right;
@@ -1216,6 +1216,7 @@ $multiselect-dropicon-closer-bigger-width: 34px !default;
1216
1216
  display: block;
1217
1217
  line-height: $ddl-select-all-height;
1218
1218
  overflow: hidden;
1219
+ text-overflow: ellipsis;
1219
1220
  padding-right: $ddl-list-padding-right;
1220
1221
  position: relative;
1221
1222
  text-indent: $ddl-check-right;
@@ -1168,6 +1168,7 @@ $ddl-close-down-icon-left: 35px !default;
1168
1168
  display: block;
1169
1169
  line-height: $ddl-select-all-height;
1170
1170
  overflow: hidden;
1171
+ text-overflow: ellipsis;
1171
1172
  padding-right: $ddl-list-padding-right;
1172
1173
  position: relative;
1173
1174
  text-indent: $ddl-check-right;
@@ -1168,6 +1168,7 @@ $ddl-close-down-icon-left: 35px !default;
1168
1168
  display: block;
1169
1169
  line-height: $ddl-select-all-height;
1170
1170
  overflow: hidden;
1171
+ text-overflow: ellipsis;
1171
1172
  padding-right: $ddl-list-padding-right;
1172
1173
  position: relative;
1173
1174
  text-indent: $ddl-check-right;
@@ -1130,6 +1130,7 @@ $ddl-closer-margin-top-bigger-small: -3.2em !default;
1130
1130
  display: block;
1131
1131
  line-height: $ddl-select-all-height;
1132
1132
  overflow: hidden;
1133
+ text-overflow: ellipsis;
1133
1134
  padding-right: $ddl-list-padding-right;
1134
1135
  position: relative;
1135
1136
  text-indent: $ddl-check-right;
@@ -1121,6 +1121,7 @@ $ddl-closer-margin-top-bigger-small: -3.2em !default;
1121
1121
  display: block;
1122
1122
  line-height: $ddl-select-all-height;
1123
1123
  overflow: hidden;
1124
+ text-overflow: ellipsis;
1124
1125
  padding-right: $ddl-list-padding-right;
1125
1126
  position: relative;
1126
1127
  text-indent: $ddl-check-right;
@@ -1184,6 +1184,7 @@ $ddl-small-clear-icon-width: 12px !default;
1184
1184
  display: block;
1185
1185
  line-height: $ddl-select-all-height;
1186
1186
  overflow: hidden;
1187
+ text-overflow: ellipsis;
1187
1188
  padding-right: $ddl-list-padding-right;
1188
1189
  position: relative;
1189
1190
  text-indent: $ddl-check-right;
@@ -1184,6 +1184,7 @@ $ddl-small-clear-icon-width: 12px !default;
1184
1184
  display: block;
1185
1185
  line-height: $ddl-select-all-height;
1186
1186
  overflow: hidden;
1187
+ text-overflow: ellipsis;
1187
1188
  padding-right: $ddl-list-padding-right;
1188
1189
  position: relative;
1189
1190
  text-indent: $ddl-check-right;
@@ -1175,6 +1175,7 @@ $ddl-close-icon-hover-color: $icon-color-hover !default;
1175
1175
  display: block;
1176
1176
  line-height: $ddl-select-all-height;
1177
1177
  overflow: hidden;
1178
+ text-overflow: ellipsis;
1178
1179
  padding-right: $ddl-list-padding-right;
1179
1180
  position: relative;
1180
1181
  text-indent: $ddl-check-right;
@@ -1175,6 +1175,7 @@ $ddl-close-icon-hover-color: $icon-color-hover !default;
1175
1175
  display: block;
1176
1176
  line-height: $ddl-select-all-height;
1177
1177
  overflow: hidden;
1178
+ text-overflow: ellipsis;
1178
1179
  padding-right: $ddl-list-padding-right;
1179
1180
  position: relative;
1180
1181
  text-indent: $ddl-check-right;
@@ -1241,6 +1241,7 @@ $ddl-closer-margin-top-bigger-small: -3.4em !default;
1241
1241
  display: block;
1242
1242
  line-height: $ddl-select-all-height;
1243
1243
  overflow: hidden;
1244
+ text-overflow: ellipsis;
1244
1245
  padding-right: $ddl-list-padding-right;
1245
1246
  position: relative;
1246
1247
  text-indent: $ddl-check-right;
@@ -1179,6 +1179,7 @@ $filled-multiselect-chip-hover-bg-color: $grey-700 !default;
1179
1179
  display: block;
1180
1180
  line-height: $ddl-select-all-height;
1181
1181
  overflow: hidden;
1182
+ text-overflow: ellipsis;
1182
1183
  padding-right: $ddl-list-padding-right;
1183
1184
  position: relative;
1184
1185
  text-indent: $ddl-check-right;
@@ -1172,6 +1172,7 @@ $filled-multiselect-chip-hover-bg-color: darken($grey-300, 7%) !default;
1172
1172
  display: block;
1173
1173
  line-height: $ddl-select-all-height;
1174
1174
  overflow: hidden;
1175
+ text-overflow: ellipsis;
1175
1176
  padding-right: $ddl-list-padding-right;
1176
1177
  position: relative;
1177
1178
  text-indent: $ddl-check-right;
@@ -1169,6 +1169,7 @@ $ddl-chip-bigger-content-padding: 0 !default;
1169
1169
  display: block;
1170
1170
  line-height: $ddl-select-all-height;
1171
1171
  overflow: hidden;
1172
+ text-overflow: ellipsis;
1172
1173
  padding-right: $ddl-list-padding-right;
1173
1174
  position: relative;
1174
1175
  text-indent: $ddl-check-right;
@@ -1169,6 +1169,7 @@ $ddl-chip-bigger-content-padding: 0 !default;
1169
1169
  display: block;
1170
1170
  line-height: $ddl-select-all-height;
1171
1171
  overflow: hidden;
1172
+ text-overflow: ellipsis;
1172
1173
  padding-right: $ddl-list-padding-right;
1173
1174
  position: relative;
1174
1175
  text-indent: $ddl-check-right;
@@ -1173,6 +1173,7 @@ $ddl-close-icon-hover-color: $icon-color-hover !default;
1173
1173
  display: block;
1174
1174
  line-height: $ddl-select-all-height;
1175
1175
  overflow: hidden;
1176
+ text-overflow: ellipsis;
1176
1177
  padding-right: $ddl-list-padding-right;
1177
1178
  position: relative;
1178
1179
  text-indent: $ddl-check-right;
@@ -1173,6 +1173,7 @@ $ddl-close-icon-hover-color: $icon-color-hover !default;
1173
1173
  display: block;
1174
1174
  line-height: $ddl-select-all-height;
1175
1175
  overflow: hidden;
1176
+ text-overflow: ellipsis;
1176
1177
  padding-right: $ddl-list-padding-right;
1177
1178
  position: relative;
1178
1179
  text-indent: $ddl-check-right;