@syncfusion/blazor-themes 26.2.8 → 26.2.10

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 (201) hide show
  1. package/SCSS-Themes/bds-dark.scss +68 -7
  2. package/SCSS-Themes/bds.scss +68 -7
  3. package/SCSS-Themes/bootstrap-dark.scss +68 -7
  4. package/SCSS-Themes/bootstrap.scss +68 -7
  5. package/SCSS-Themes/bootstrap4.scss +68 -7
  6. package/SCSS-Themes/bootstrap5-dark.scss +72 -11
  7. package/SCSS-Themes/bootstrap5.scss +72 -11
  8. package/SCSS-Themes/calendars/datetimepicker/bds-dark.scss +20 -0
  9. package/SCSS-Themes/calendars/datetimepicker/bds.scss +20 -0
  10. package/SCSS-Themes/calendars/datetimepicker/bootstrap-dark.scss +20 -0
  11. package/SCSS-Themes/calendars/datetimepicker/bootstrap.scss +20 -0
  12. package/SCSS-Themes/calendars/datetimepicker/bootstrap4.scss +20 -0
  13. package/SCSS-Themes/calendars/datetimepicker/bootstrap5-dark.scss +20 -0
  14. package/SCSS-Themes/calendars/datetimepicker/bootstrap5.scss +20 -0
  15. package/SCSS-Themes/calendars/datetimepicker/fabric-dark.scss +20 -0
  16. package/SCSS-Themes/calendars/datetimepicker/fabric.scss +20 -0
  17. package/SCSS-Themes/calendars/datetimepicker/fluent-dark.scss +20 -0
  18. package/SCSS-Themes/calendars/datetimepicker/fluent.scss +20 -0
  19. package/SCSS-Themes/calendars/datetimepicker/fluent2-dark.scss +20 -0
  20. package/SCSS-Themes/calendars/datetimepicker/fluent2.scss +20 -0
  21. package/SCSS-Themes/calendars/datetimepicker/highcontrast.scss +20 -0
  22. package/SCSS-Themes/calendars/datetimepicker/material-dark.scss +20 -0
  23. package/SCSS-Themes/calendars/datetimepicker/material.scss +20 -0
  24. package/SCSS-Themes/calendars/datetimepicker/material3-dark.scss +20 -0
  25. package/SCSS-Themes/calendars/datetimepicker/material3.scss +20 -0
  26. package/SCSS-Themes/calendars/datetimepicker/tailwind-dark.scss +20 -0
  27. package/SCSS-Themes/calendars/datetimepicker/tailwind.scss +20 -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 +68 -7
  89. package/SCSS-Themes/fabric.scss +68 -7
  90. package/SCSS-Themes/fluent-dark.scss +68 -7
  91. package/SCSS-Themes/fluent.scss +68 -7
  92. package/SCSS-Themes/fluent2-dark.scss +71 -9
  93. package/SCSS-Themes/fluent2.scss +71 -9
  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 +28 -4
  115. package/SCSS-Themes/grids/grid/bds.scss +28 -4
  116. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +28 -4
  117. package/SCSS-Themes/grids/grid/bootstrap.scss +28 -4
  118. package/SCSS-Themes/grids/grid/bootstrap4.scss +28 -4
  119. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +32 -8
  120. package/SCSS-Themes/grids/grid/bootstrap5.scss +32 -8
  121. package/SCSS-Themes/grids/grid/fabric-dark.scss +28 -4
  122. package/SCSS-Themes/grids/grid/fabric.scss +28 -4
  123. package/SCSS-Themes/grids/grid/fluent-dark.scss +28 -4
  124. package/SCSS-Themes/grids/grid/fluent.scss +28 -4
  125. package/SCSS-Themes/grids/grid/fluent2-dark.scss +31 -6
  126. package/SCSS-Themes/grids/grid/fluent2.scss +31 -6
  127. package/SCSS-Themes/grids/grid/highcontrast.scss +29 -5
  128. package/SCSS-Themes/grids/grid/material-dark.scss +28 -4
  129. package/SCSS-Themes/grids/grid/material.scss +29 -5
  130. package/SCSS-Themes/grids/grid/material3-dark.scss +28 -4
  131. package/SCSS-Themes/grids/grid/material3.scss +28 -4
  132. package/SCSS-Themes/grids/grid/tailwind-dark.scss +28 -4
  133. package/SCSS-Themes/grids/grid/tailwind.scss +28 -4
  134. package/SCSS-Themes/highcontrast.scss +69 -8
  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 +68 -7
  156. package/SCSS-Themes/material.scss +69 -8
  157. package/SCSS-Themes/material3-dark.scss +68 -7
  158. package/SCSS-Themes/material3.scss +68 -7
  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/popups/dialog/bds-dark.scss +1 -0
  180. package/SCSS-Themes/popups/dialog/bds.scss +1 -0
  181. package/SCSS-Themes/popups/dialog/bootstrap-dark.scss +1 -0
  182. package/SCSS-Themes/popups/dialog/bootstrap.scss +1 -0
  183. package/SCSS-Themes/popups/dialog/bootstrap4.scss +1 -0
  184. package/SCSS-Themes/popups/dialog/bootstrap5-dark.scss +1 -0
  185. package/SCSS-Themes/popups/dialog/bootstrap5.scss +1 -0
  186. package/SCSS-Themes/popups/dialog/fabric-dark.scss +1 -0
  187. package/SCSS-Themes/popups/dialog/fabric.scss +1 -0
  188. package/SCSS-Themes/popups/dialog/fluent-dark.scss +1 -0
  189. package/SCSS-Themes/popups/dialog/fluent.scss +1 -0
  190. package/SCSS-Themes/popups/dialog/fluent2-dark.scss +1 -0
  191. package/SCSS-Themes/popups/dialog/fluent2.scss +1 -0
  192. package/SCSS-Themes/popups/dialog/highcontrast.scss +1 -0
  193. package/SCSS-Themes/popups/dialog/material-dark.scss +1 -0
  194. package/SCSS-Themes/popups/dialog/material.scss +1 -0
  195. package/SCSS-Themes/popups/dialog/material3-dark.scss +1 -0
  196. package/SCSS-Themes/popups/dialog/material3.scss +1 -0
  197. package/SCSS-Themes/popups/dialog/tailwind-dark.scss +1 -0
  198. package/SCSS-Themes/popups/dialog/tailwind.scss +1 -0
  199. package/SCSS-Themes/tailwind-dark.scss +68 -7
  200. package/SCSS-Themes/tailwind.scss +68 -7
  201. package/package.json +1 -1
@@ -128,6 +128,26 @@ $modal-datetime-wrapper-width: 100% !default;
128
128
  }
129
129
  }
130
130
 
131
+ .e-datetime-mob-popup-wrap {
132
+ align-items: center;
133
+ display: flex;
134
+ flex-direction: column;
135
+ height: 100%;
136
+ justify-content: center;
137
+ left: 0;
138
+ max-height: 100%;
139
+ position: fixed;
140
+ top: 0;
141
+ width: 100%;
142
+ z-index: 1002;
143
+
144
+ .e-datetimepicker.e-popup.e-lib.e-control.e-popup-open {
145
+ left: 0 !important; /* stylelint-disable-line declaration-no-important */
146
+ position: relative;
147
+ top: 0 !important; /* stylelint-disable-line declaration-no-important */
148
+ }
149
+ }
150
+
131
151
  #{&}.e-datetimepicker.e-time-modal {
132
152
  @if $skin-name != 'Material3' {
133
153
  background-color: $datetime-default-overlay;
@@ -128,6 +128,26 @@ $modal-datetime-wrapper-width: 100% !default;
128
128
  }
129
129
  }
130
130
 
131
+ .e-datetime-mob-popup-wrap {
132
+ align-items: center;
133
+ display: flex;
134
+ flex-direction: column;
135
+ height: 100%;
136
+ justify-content: center;
137
+ left: 0;
138
+ max-height: 100%;
139
+ position: fixed;
140
+ top: 0;
141
+ width: 100%;
142
+ z-index: 1002;
143
+
144
+ .e-datetimepicker.e-popup.e-lib.e-control.e-popup-open {
145
+ left: 0 !important; /* stylelint-disable-line declaration-no-important */
146
+ position: relative;
147
+ top: 0 !important; /* stylelint-disable-line declaration-no-important */
148
+ }
149
+ }
150
+
131
151
  #{&}.e-datetimepicker.e-time-modal {
132
152
  @if $skin-name != 'Material3' {
133
153
  background-color: $datetime-default-overlay;
@@ -132,6 +132,26 @@ $modal-datetime-wrapper-width: 100% !default;
132
132
  }
133
133
  }
134
134
 
135
+ .e-datetime-mob-popup-wrap {
136
+ align-items: center;
137
+ display: flex;
138
+ flex-direction: column;
139
+ height: 100%;
140
+ justify-content: center;
141
+ left: 0;
142
+ max-height: 100%;
143
+ position: fixed;
144
+ top: 0;
145
+ width: 100%;
146
+ z-index: 1002;
147
+
148
+ .e-datetimepicker.e-popup.e-lib.e-control.e-popup-open {
149
+ left: 0 !important; /* stylelint-disable-line declaration-no-important */
150
+ position: relative;
151
+ top: 0 !important; /* stylelint-disable-line declaration-no-important */
152
+ }
153
+ }
154
+
135
155
  #{&}.e-datetimepicker.e-time-modal {
136
156
  @if $skin-name != 'Material3' {
137
157
  background-color: $datetime-default-overlay;
@@ -132,6 +132,26 @@ $modal-datetime-wrapper-width: 100% !default;
132
132
  }
133
133
  }
134
134
 
135
+ .e-datetime-mob-popup-wrap {
136
+ align-items: center;
137
+ display: flex;
138
+ flex-direction: column;
139
+ height: 100%;
140
+ justify-content: center;
141
+ left: 0;
142
+ max-height: 100%;
143
+ position: fixed;
144
+ top: 0;
145
+ width: 100%;
146
+ z-index: 1002;
147
+
148
+ .e-datetimepicker.e-popup.e-lib.e-control.e-popup-open {
149
+ left: 0 !important; /* stylelint-disable-line declaration-no-important */
150
+ position: relative;
151
+ top: 0 !important; /* stylelint-disable-line declaration-no-important */
152
+ }
153
+ }
154
+
135
155
  #{&}.e-datetimepicker.e-time-modal {
136
156
  @if $skin-name != 'Material3' {
137
157
  background-color: $datetime-default-overlay;
@@ -462,6 +462,8 @@ $ddl-group-list-item-text-intent: 0 !default;
462
462
  min-height: $ddl-list-line-height;
463
463
  padding-left: $ddl-list-header-padding-left;
464
464
  padding-right: $ddl-list-padding-right;
465
+ overflow: hidden;
466
+ text-overflow: ellipsis;
465
467
  @if $skin-name == 'Material3' {
466
468
  background: $ddl-list-bg-color;
467
469
  }
@@ -462,6 +462,8 @@ $ddl-group-list-item-text-intent: 0 !default;
462
462
  min-height: $ddl-list-line-height;
463
463
  padding-left: $ddl-list-header-padding-left;
464
464
  padding-right: $ddl-list-padding-right;
465
+ overflow: hidden;
466
+ text-overflow: ellipsis;
465
467
  @if $skin-name == 'Material3' {
466
468
  background: $ddl-list-bg-color;
467
469
  }
@@ -411,6 +411,8 @@ $ddl-bigger-small-list-header-font-size: 14px !default;
411
411
  min-height: $ddl-list-line-height;
412
412
  padding-left: $ddl-list-header-padding-left;
413
413
  padding-right: $ddl-list-padding-right;
414
+ overflow: hidden;
415
+ text-overflow: ellipsis;
414
416
  @if $skin-name == 'Material3' {
415
417
  background: $ddl-list-bg-color;
416
418
  }
@@ -411,6 +411,8 @@ $ddl-group-list-item-text-intent: 0 !default;
411
411
  min-height: $ddl-list-line-height;
412
412
  padding-left: $ddl-list-header-padding-left;
413
413
  padding-right: $ddl-list-padding-right;
414
+ overflow: hidden;
415
+ text-overflow: ellipsis;
414
416
  @if $skin-name == 'Material3' {
415
417
  background: $ddl-list-bg-color;
416
418
  }
@@ -418,6 +418,8 @@ $ddl-group-list-item-text-intent: 0 !default;
418
418
  min-height: $ddl-list-line-height;
419
419
  padding-left: $ddl-list-header-padding-left;
420
420
  padding-right: $ddl-list-padding-right;
421
+ overflow: hidden;
422
+ text-overflow: ellipsis;
421
423
  @if $skin-name == 'Material3' {
422
424
  background: $ddl-list-bg-color;
423
425
  }
@@ -445,6 +445,8 @@ $ddl-bigger-small-list-font-color: $content-text-color !default;
445
445
  min-height: $ddl-list-line-height;
446
446
  padding-left: $ddl-list-header-padding-left;
447
447
  padding-right: $ddl-list-padding-right;
448
+ overflow: hidden;
449
+ text-overflow: ellipsis;
448
450
  @if $skin-name == 'Material3' {
449
451
  background: $ddl-list-bg-color;
450
452
  }
@@ -445,6 +445,8 @@ $ddl-bigger-small-list-font-color: $content-text-color !default;
445
445
  min-height: $ddl-list-line-height;
446
446
  padding-left: $ddl-list-header-padding-left;
447
447
  padding-right: $ddl-list-padding-right;
448
+ overflow: hidden;
449
+ text-overflow: ellipsis;
448
450
  @if $skin-name == 'Material3' {
449
451
  background: $ddl-list-bg-color;
450
452
  }
@@ -414,6 +414,8 @@ $ddl-bigger-small-list-header-font-size: 14px !default;
414
414
  min-height: $ddl-list-line-height;
415
415
  padding-left: $ddl-list-header-padding-left;
416
416
  padding-right: $ddl-list-padding-right;
417
+ overflow: hidden;
418
+ text-overflow: ellipsis;
417
419
  @if $skin-name == 'Material3' {
418
420
  background: $ddl-list-bg-color;
419
421
  }
@@ -412,6 +412,8 @@ $ddl-bigger-small-list-header-font-size: 14px !default;
412
412
  min-height: $ddl-list-line-height;
413
413
  padding-left: $ddl-list-header-padding-left;
414
414
  padding-right: $ddl-list-padding-right;
415
+ overflow: hidden;
416
+ text-overflow: ellipsis;
415
417
  @if $skin-name == 'Material3' {
416
418
  background: $ddl-list-bg-color;
417
419
  }
@@ -449,6 +449,8 @@ $ddl-group-list-item-text-intent: 0 !default;
449
449
  min-height: $ddl-list-line-height;
450
450
  padding-left: $ddl-list-header-padding-left;
451
451
  padding-right: $ddl-list-padding-right;
452
+ overflow: hidden;
453
+ text-overflow: ellipsis;
452
454
  @if $skin-name == 'Material3' {
453
455
  background: $ddl-list-bg-color;
454
456
  }
@@ -449,6 +449,8 @@ $ddl-group-list-item-text-intent: 0 !default;
449
449
  min-height: $ddl-list-line-height;
450
450
  padding-left: $ddl-list-header-padding-left;
451
451
  padding-right: $ddl-list-padding-right;
452
+ overflow: hidden;
453
+ text-overflow: ellipsis;
452
454
  @if $skin-name == 'Material3' {
453
455
  background: $ddl-list-bg-color;
454
456
  }
@@ -462,6 +462,8 @@ $ddl-group-list-item-text-intent: 0 !default;
462
462
  min-height: $ddl-list-line-height;
463
463
  padding-left: $ddl-list-header-padding-left;
464
464
  padding-right: $ddl-list-padding-right;
465
+ overflow: hidden;
466
+ text-overflow: ellipsis;
465
467
  @if $skin-name == 'Material3' {
466
468
  background: $ddl-list-bg-color;
467
469
  }
@@ -462,6 +462,8 @@ $ddl-group-list-item-text-intent: 0 !default;
462
462
  min-height: $ddl-list-line-height;
463
463
  padding-left: $ddl-list-header-padding-left;
464
464
  padding-right: $ddl-list-padding-right;
465
+ overflow: hidden;
466
+ text-overflow: ellipsis;
465
467
  @if $skin-name == 'Material3' {
466
468
  background: $ddl-list-bg-color;
467
469
  }
@@ -433,6 +433,8 @@ $ddl-bigger-small-list-header-font-size: 14px !default;
433
433
  min-height: $ddl-list-line-height;
434
434
  padding-left: $ddl-list-header-padding-left;
435
435
  padding-right: $ddl-list-padding-right;
436
+ overflow: hidden;
437
+ text-overflow: ellipsis;
436
438
  @if $skin-name == 'Material3' {
437
439
  background: $ddl-list-bg-color;
438
440
  }
@@ -414,6 +414,8 @@ $ddl-bigger-small-list-header-font-size: 13px !default;
414
414
  min-height: $ddl-list-line-height;
415
415
  padding-left: $ddl-list-header-padding-left;
416
416
  padding-right: $ddl-list-padding-right;
417
+ overflow: hidden;
418
+ text-overflow: ellipsis;
417
419
  @if $skin-name == 'Material3' {
418
420
  background: $ddl-list-bg-color;
419
421
  }
@@ -413,6 +413,8 @@ $ddl-small-list-header-font-size: $ddl-group-list-font-size !default;
413
413
  min-height: $ddl-list-line-height;
414
414
  padding-left: $ddl-list-header-padding-left;
415
415
  padding-right: $ddl-list-padding-right;
416
+ overflow: hidden;
417
+ text-overflow: ellipsis;
416
418
  @if $skin-name == 'Material3' {
417
419
  background: $ddl-list-bg-color;
418
420
  }
@@ -404,6 +404,8 @@ $ddl-small-list-header-font-size: $ddl-group-list-font-size !default;
404
404
  min-height: $ddl-list-line-height;
405
405
  padding-left: $ddl-list-header-padding-left;
406
406
  padding-right: $ddl-list-padding-right;
407
+ overflow: hidden;
408
+ text-overflow: ellipsis;
407
409
  @if $skin-name == 'Material3' {
408
410
  background: $ddl-list-bg-color;
409
411
  }
@@ -404,6 +404,8 @@ $ddl-small-list-header-font-size: $ddl-group-list-font-size !default;
404
404
  min-height: $ddl-list-line-height;
405
405
  padding-left: $ddl-list-header-padding-left;
406
406
  padding-right: $ddl-list-padding-right;
407
+ overflow: hidden;
408
+ text-overflow: ellipsis;
407
409
  @if $skin-name == 'Material3' {
408
410
  background: $ddl-list-bg-color;
409
411
  }
@@ -457,6 +457,8 @@ $ddl-group-list-item-text-intent: 0 !default;
457
457
  min-height: $ddl-list-line-height;
458
458
  padding-left: $ddl-list-header-padding-left;
459
459
  padding-right: $ddl-list-padding-right;
460
+ overflow: hidden;
461
+ text-overflow: ellipsis;
460
462
  @if $skin-name == 'Material3' {
461
463
  background: $ddl-list-bg-color;
462
464
  }
@@ -457,6 +457,8 @@ $ddl-group-list-item-text-intent: 0 !default;
457
457
  min-height: $ddl-list-line-height;
458
458
  padding-left: $ddl-list-header-padding-left;
459
459
  padding-right: $ddl-list-padding-right;
460
+ overflow: hidden;
461
+ text-overflow: ellipsis;
460
462
  @if $skin-name == 'Material3' {
461
463
  background: $ddl-list-bg-color;
462
464
  }
@@ -712,6 +712,12 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
712
712
  }
713
713
  }
714
714
 
715
+ .e-listbox-wrapper:not(.e-list-template) .e-list-parent li {
716
+ overflow: hidden;
717
+ white-space: nowrap;
718
+ text-overflow: ellipsis;
719
+ }
720
+
715
721
 
716
722
  @mixin avatar {
717
723
  height: $listbox-template-avatar-size;
@@ -712,6 +712,12 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
712
712
  }
713
713
  }
714
714
 
715
+ .e-listbox-wrapper:not(.e-list-template) .e-list-parent li {
716
+ overflow: hidden;
717
+ white-space: nowrap;
718
+ text-overflow: ellipsis;
719
+ }
720
+
715
721
 
716
722
  @mixin avatar {
717
723
  height: $listbox-template-avatar-size;
@@ -700,6 +700,12 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
700
700
  }
701
701
  }
702
702
 
703
+ .e-listbox-wrapper:not(.e-list-template) .e-list-parent li {
704
+ overflow: hidden;
705
+ white-space: nowrap;
706
+ text-overflow: ellipsis;
707
+ }
708
+
703
709
 
704
710
  @mixin avatar {
705
711
  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;
@@ -700,6 +700,12 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 108px) !default;
700
700
  }
701
701
  }
702
702
 
703
+ .e-listbox-wrapper:not(.e-list-template) .e-list-parent li {
704
+ overflow: hidden;
705
+ white-space: nowrap;
706
+ text-overflow: ellipsis;
707
+ }
708
+
703
709
 
704
710
  @mixin avatar {
705
711
  height: $listbox-template-avatar-size;
@@ -696,6 +696,12 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
696
696
  }
697
697
  }
698
698
 
699
+ .e-listbox-wrapper:not(.e-list-template) .e-list-parent li {
700
+ overflow: hidden;
701
+ white-space: nowrap;
702
+ text-overflow: ellipsis;
703
+ }
704
+
699
705
 
700
706
  @mixin avatar {
701
707
  height: $listbox-template-avatar-size;
@@ -696,6 +696,12 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
696
696
  }
697
697
  }
698
698
 
699
+ .e-listbox-wrapper:not(.e-list-template) .e-list-parent li {
700
+ overflow: hidden;
701
+ white-space: nowrap;
702
+ text-overflow: ellipsis;
703
+ }
704
+
699
705
 
700
706
  @mixin avatar {
701
707
  height: $listbox-template-avatar-size;
@@ -700,6 +700,12 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;
700
700
  }
701
701
  }
702
702
 
703
+ .e-listbox-wrapper:not(.e-list-template) .e-list-parent li {
704
+ overflow: hidden;
705
+ white-space: nowrap;
706
+ text-overflow: ellipsis;
707
+ }
708
+
703
709
 
704
710
  @mixin avatar {
705
711
  height: $listbox-template-avatar-size;
@@ -695,6 +695,12 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !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;
@@ -696,6 +696,12 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 113px) !default;
696
696
  }
697
697
  }
698
698
 
699
+ .e-listbox-wrapper:not(.e-list-template) .e-list-parent li {
700
+ overflow: hidden;
701
+ white-space: nowrap;
702
+ text-overflow: ellipsis;
703
+ }
704
+
699
705
 
700
706
  @mixin avatar {
701
707
  height: $listbox-template-avatar-size;
@@ -696,6 +696,12 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 113px) !default;
696
696
  }
697
697
  }
698
698
 
699
+ .e-listbox-wrapper:not(.e-list-template) .e-list-parent li {
700
+ overflow: hidden;
701
+ white-space: nowrap;
702
+ text-overflow: ellipsis;
703
+ }
704
+
699
705
 
700
706
  @mixin avatar {
701
707
  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;
@@ -695,6 +695,12 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !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;
@@ -700,6 +700,12 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 103px) !default;
700
700
  }
701
701
  }
702
702
 
703
+ .e-listbox-wrapper:not(.e-list-template) .e-list-parent li {
704
+ overflow: hidden;
705
+ white-space: nowrap;
706
+ text-overflow: ellipsis;
707
+ }
708
+
703
709
 
704
710
  @mixin avatar {
705
711
  height: $listbox-template-avatar-size;
@@ -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;