@syncfusion/ej2-lists 27.2.5 → 28.1.33

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 (93) hide show
  1. package/README.md +3 -3
  2. package/dist/ej2-lists.min.js +3 -3
  3. package/dist/ej2-lists.umd.min.js +3 -3
  4. package/dist/ej2-lists.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-lists.es2015.js +3 -25
  6. package/dist/es6/ej2-lists.es2015.js.map +1 -1
  7. package/dist/es6/ej2-lists.es5.js +3 -25
  8. package/dist/es6/ej2-lists.es5.js.map +1 -1
  9. package/dist/global/ej2-lists.min.js +3 -3
  10. package/dist/global/ej2-lists.min.js.map +1 -1
  11. package/dist/global/index.d.ts +2 -2
  12. package/package.json +10 -10
  13. package/src/sortable/sortable.d.ts +0 -1
  14. package/src/sortable/sortable.js +3 -25
  15. package/styles/bds-lite.css +450 -0
  16. package/styles/bds-lite.scss +7 -0
  17. package/styles/bds.css +606 -0
  18. package/styles/bds.scss +8 -0
  19. package/styles/bootstrap-dark-lite.css +11 -0
  20. package/styles/bootstrap-dark.css +11 -0
  21. package/styles/bootstrap-lite.css +11 -0
  22. package/styles/bootstrap.css +11 -0
  23. package/styles/bootstrap4-lite.css +11 -0
  24. package/styles/bootstrap4.css +11 -0
  25. package/styles/bootstrap5-dark-lite.css +11 -0
  26. package/styles/bootstrap5-dark.css +11 -0
  27. package/styles/bootstrap5-lite.css +11 -0
  28. package/styles/bootstrap5.3-lite.css +11 -0
  29. package/styles/bootstrap5.3.css +11 -0
  30. package/styles/bootstrap5.css +11 -0
  31. package/styles/fabric-dark-lite.css +11 -0
  32. package/styles/fabric-dark.css +11 -0
  33. package/styles/fabric-lite.css +11 -0
  34. package/styles/fabric.css +11 -0
  35. package/styles/fluent-dark-lite.css +11 -0
  36. package/styles/fluent-dark.css +11 -0
  37. package/styles/fluent-lite.css +11 -0
  38. package/styles/fluent.css +11 -0
  39. package/styles/fluent2-lite.css +12 -1
  40. package/styles/fluent2.css +12 -1
  41. package/styles/highcontrast-light-lite.css +11 -0
  42. package/styles/highcontrast-light.css +11 -0
  43. package/styles/highcontrast-lite.css +11 -0
  44. package/styles/highcontrast.css +11 -0
  45. package/styles/list-view/_bigger.scss +70 -1
  46. package/styles/list-view/_layout.scss +27 -1
  47. package/styles/list-view/_tailwind3-definition.scss +137 -0
  48. package/styles/list-view/_theme.scss +11 -3
  49. package/styles/list-view/bds.css +577 -0
  50. package/styles/list-view/bds.scss +6 -0
  51. package/styles/list-view/bootstrap-dark.css +11 -0
  52. package/styles/list-view/bootstrap.css +11 -0
  53. package/styles/list-view/bootstrap4.css +11 -0
  54. package/styles/list-view/bootstrap5-dark.css +11 -0
  55. package/styles/list-view/bootstrap5.3.css +11 -0
  56. package/styles/list-view/bootstrap5.css +11 -0
  57. package/styles/list-view/fabric-dark.css +11 -0
  58. package/styles/list-view/fabric.css +11 -0
  59. package/styles/list-view/fluent-dark.css +11 -0
  60. package/styles/list-view/fluent.css +11 -0
  61. package/styles/list-view/fluent2.css +12 -1
  62. package/styles/list-view/highcontrast-light.css +11 -0
  63. package/styles/list-view/highcontrast.css +11 -0
  64. package/styles/list-view/icons/_tailwind3.scss +8 -0
  65. package/styles/list-view/material-dark.css +11 -0
  66. package/styles/list-view/material.css +11 -0
  67. package/styles/list-view/material3-dark.css +11 -0
  68. package/styles/list-view/material3.css +11 -0
  69. package/styles/list-view/tailwind-dark.css +11 -0
  70. package/styles/list-view/tailwind.css +11 -0
  71. package/styles/list-view/tailwind3.css +509 -0
  72. package/styles/list-view/tailwind3.scss +6 -0
  73. package/styles/material-dark-lite.css +11 -0
  74. package/styles/material-dark.css +11 -0
  75. package/styles/material-lite.css +11 -0
  76. package/styles/material.css +11 -0
  77. package/styles/material3-dark-lite.css +11 -0
  78. package/styles/material3-dark.css +11 -0
  79. package/styles/material3-lite.css +11 -0
  80. package/styles/material3.css +11 -0
  81. package/styles/sortable/_tailwind3-definition.scss +1 -0
  82. package/styles/sortable/bds.css +32 -0
  83. package/styles/sortable/bds.scss +3 -0
  84. package/styles/sortable/tailwind3.css +32 -0
  85. package/styles/sortable/tailwind3.scss +3 -0
  86. package/styles/tailwind-dark-lite.css +11 -0
  87. package/styles/tailwind-dark.css +11 -0
  88. package/styles/tailwind-lite.css +11 -0
  89. package/styles/tailwind.css +11 -0
  90. package/styles/tailwind3-lite.css +428 -0
  91. package/styles/tailwind3-lite.scss +7 -0
  92. package/styles/tailwind3.css +538 -0
  93. package/styles/tailwind3.scss +8 -0
@@ -0,0 +1,577 @@
1
+
2
+
3
+
4
+
5
+ /* stylelint-disable */
6
+ .e-listview .e-list-parent {
7
+ margin: 0 12px !important;
8
+ padding: 0;
9
+ }
10
+
11
+ .e-listview:not(.e-list-template) .e-list-item {
12
+ border-radius: 6px !important;
13
+ }
14
+
15
+ .e-icon-collapsible::before {
16
+ content: "\e748";
17
+ }
18
+
19
+ .e-icon-back::before {
20
+ content: "\e773";
21
+ font-size: 16px;
22
+ }
23
+
24
+ /* stylelint-disable property-no-vendor-prefix */
25
+ .e-listview {
26
+ -webkit-overflow-scrolling: touch;
27
+ border: 0 solid;
28
+ border-radius: 0;
29
+ display: block;
30
+ overflow: auto;
31
+ position: relative;
32
+ width: 100%;
33
+ }
34
+ .e-listview:not(.e-list-template) .e-list-item {
35
+ height: 40px;
36
+ line-height: 22px;
37
+ position: relative;
38
+ padding: 8px 9px 8px 12px;
39
+ }
40
+ .e-listview .e-list-item {
41
+ border-bottom: 0 solid;
42
+ cursor: pointer;
43
+ }
44
+ .e-listview .e-list-item .e-text-content .e-list-text {
45
+ font-size: 14px;
46
+ }
47
+ .e-listview .e-list-item.e-disabled, .e-listview .e-list-item.e-disabled * {
48
+ cursor: default;
49
+ }
50
+
51
+ .e-listview .e-list-parent {
52
+ margin: 0;
53
+ padding: 0;
54
+ }
55
+
56
+ .e-listview .e-icon-back {
57
+ height: 20px;
58
+ width: 20px;
59
+ }
60
+
61
+ .e-listview .e-list-header {
62
+ -webkit-box-align: center;
63
+ -ms-flex-align: center;
64
+ align-items: center;
65
+ display: -webkit-box;
66
+ display: -ms-flexbox;
67
+ display: flex;
68
+ font-weight: 500;
69
+ height: 30px;
70
+ padding: 6px 12px;
71
+ }
72
+ .e-listview .e-list-header .e-text.header,
73
+ .e-listview .e-list-header .e-headertemplate-text.nested-header {
74
+ display: none;
75
+ }
76
+ .e-listview .e-list-header .e-headertext {
77
+ text-transform: uppercase;
78
+ }
79
+ .e-listview .e-list-header.e-list-navigation .e-text {
80
+ cursor: pointer;
81
+ }
82
+ .e-listview .e-list-header .e-text {
83
+ cursor: default;
84
+ text-indent: 0;
85
+ }
86
+
87
+ .e-listview .e-has-header > .e-view {
88
+ top: 45px;
89
+ }
90
+
91
+ .e-listview .e-back-button {
92
+ cursor: pointer;
93
+ margin-right: 8px;
94
+ }
95
+
96
+ .e-listview .e-list-group-item {
97
+ border-bottom: 0 solid transparent;
98
+ border-top: 0 solid;
99
+ height: 30px;
100
+ line-height: 18px;
101
+ font-weight: 600;
102
+ -webkit-box-sizing: border-box;
103
+ box-sizing: border-box;
104
+ font-weight: 500;
105
+ padding: 6px 12px;
106
+ }
107
+ .e-listview .e-list-group-item .e-list-text {
108
+ text-transform: uppercase;
109
+ }
110
+ .e-listview .e-list-group-item .e-list-text {
111
+ cursor: default;
112
+ }
113
+ .e-listview .e-list-group-item:first-child {
114
+ border: 0;
115
+ border-bottom: 0 solid transparent;
116
+ }
117
+
118
+ .e-listview .e-icon-collapsible {
119
+ cursor: pointer;
120
+ font-size: 20px;
121
+ position: absolute;
122
+ right: 0%;
123
+ top: 50%;
124
+ -webkit-transform: translateY(-50%);
125
+ transform: translateY(-50%);
126
+ height: 20px;
127
+ width: 20px;
128
+ }
129
+
130
+ .e-listview .e-text-content {
131
+ height: 100%;
132
+ position: relative;
133
+ vertical-align: middle;
134
+ }
135
+ .e-listview .e-text-content.e-checkbox .e-list-text {
136
+ width: calc(100% - 40px);
137
+ }
138
+ .e-listview .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text {
139
+ width: calc(100% - 90px);
140
+ }
141
+ .e-listview .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text {
142
+ width: calc(100% - 80px);
143
+ }
144
+
145
+ .e-listview .e-text-content * {
146
+ display: inline-block;
147
+ vertical-align: middle;
148
+ }
149
+
150
+ .e-listview .e-list-item.e-checklist.e-has-child .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text {
151
+ width: calc(100% - 92px);
152
+ }
153
+
154
+ .e-listview .e-checkbox .e-checkbox-left {
155
+ margin: -2px 8px 0 0;
156
+ }
157
+ .e-listview .e-checkbox .e-checkbox-right {
158
+ margin: -2px 0 0 8px;
159
+ }
160
+
161
+ .e-listview .e-list-text {
162
+ cursor: pointer;
163
+ display: inline-block;
164
+ overflow: hidden;
165
+ text-overflow: ellipsis;
166
+ vertical-align: middle;
167
+ white-space: nowrap;
168
+ width: 100%;
169
+ }
170
+
171
+ .e-listview .e-list-icon + .e-list-text, .e-listview .e-icon-wrapper .e-list-text, .e-listview .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
172
+ width: calc(100% - 60px);
173
+ }
174
+
175
+ .e-listview .e-list-icon {
176
+ margin-right: 2px;
177
+ height: 20px;
178
+ width: 20px;
179
+ }
180
+
181
+ .e-listview.e-virtualization .e-list-container {
182
+ overflow: unset;
183
+ }
184
+
185
+ .e-listview .e-list-container {
186
+ overflow: hidden;
187
+ position: relative;
188
+ }
189
+
190
+ .e-listview .e-text .e-headertext {
191
+ display: inline-block;
192
+ line-height: 18px;
193
+ }
194
+
195
+ .e-listview.e-rtl {
196
+ direction: rtl;
197
+ }
198
+ .e-listview.e-rtl:not(.e-list-template) .e-list-item {
199
+ padding: 8px 12px 8px 9px;
200
+ }
201
+ .e-listview.e-rtl .e-list-icon {
202
+ margin-left: 8px;
203
+ margin-right: 0;
204
+ }
205
+ .e-listview.e-rtl .e-icon-collapsible {
206
+ left: 0%;
207
+ right: initial;
208
+ top: 50%;
209
+ -webkit-transform: translateY(-50%) rotate(180deg);
210
+ transform: translateY(-50%) rotate(180deg);
211
+ }
212
+ .e-listview.e-rtl .e-list-header .e-text {
213
+ cursor: pointer;
214
+ }
215
+ .e-listview.e-rtl .e-back-button {
216
+ -webkit-transform: rotate(180deg);
217
+ transform: rotate(180deg);
218
+ margin-left: 8px;
219
+ margin-right: 0;
220
+ }
221
+ .e-listview.e-rtl .e-checkbox .e-checkbox-left {
222
+ margin: -2px 0 0 8px;
223
+ }
224
+ .e-listview.e-rtl .e-checkbox .e-checkbox-right {
225
+ margin: -2px 8px 0 0;
226
+ }
227
+
228
+ .e-listview.e-disabled, .e-listview.e-disabled * {
229
+ cursor: default;
230
+ }
231
+
232
+ .e-listview.e-disabled .e-checkbox .e-icons {
233
+ cursor: default;
234
+ }
235
+
236
+ .e-listview {
237
+ border-color: var(--color-sf-border-secondary);
238
+ font-family: "Inter";
239
+ font-size: 14px;
240
+ }
241
+ .e-listview .e-list-header {
242
+ background-color: var(--color-sf-bg-secondary);
243
+ color: var(--color-sf-text-primary);
244
+ border-color: var(--color-sf-base-transparent);
245
+ font-size: 12px;
246
+ }
247
+
248
+ .e-listview .e-icons:not(.e-primary .e-btn-icon, .e-check) {
249
+ color: var(--color-sf-fg-secondary);
250
+ }
251
+ .e-listview .e-icons:not(.e-primary .e-btn-icon, .e-check).e-back-button:hover, .e-listview .e-icons:not(.e-primary .e-btn-icon, .e-check).e-icon-collapsible:hover {
252
+ color: var(--color-sf-fg-secondary-hover);
253
+ }
254
+
255
+ .e-listview .e-list-item {
256
+ border-bottom: 0 solid transparent;
257
+ border-left: 0 solid transparent;
258
+ border-right: 0 solid transparent;
259
+ border-top: 0 solid transparent;
260
+ background-color: var(--color-sf-base-transparent);
261
+ color: var(--color-sf-text-secondary);
262
+ }
263
+ .e-listview .e-list-item.e-hover, .e-listview .e-list-item.e-hover.e-active.e-checklist {
264
+ background-color: var(--color-sf-bg-secondary-hover);
265
+ color: var(--color-sf-text-secondary-hover);
266
+ border-color: transparent;
267
+ }
268
+ .e-listview .e-list-item.e-active {
269
+ background-color: var(--color-sf-utility-content-bg-color-selected);
270
+ color: var(--color-sf-text-primary);
271
+ }
272
+ .e-listview .e-list-item.e-active.e-checklist {
273
+ background-color: var(--color-sf-base-transparent);
274
+ color: var(--color-sf-text-secondary);
275
+ }
276
+ .e-listview .e-list-item.e-focused, .e-listview .e-list-item.e-focused.e-active.e-checklist {
277
+ background-color: var(--color-sf-utility-content-bg-color-selected);
278
+ color: var(--color-sf-text-primary);
279
+ }
280
+ .e-listview .e-list-group-item {
281
+ background-color: var(--color-sf-bg-secondary);
282
+ color: var(--color-sf-text-tertiary);
283
+ border-color: var(--color-sf-base-transparent);
284
+ font-size: 12px;
285
+ }
286
+
287
+ .e-listview.e-list-template .e-list-wrapper {
288
+ height: inherit;
289
+ position: relative;
290
+ }
291
+ .e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
292
+ padding: 8px 16px;
293
+ }
294
+ .e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line).e-list-badge:not(.e-list-avatar) {
295
+ padding: 0 8px 0 12px;
296
+ }
297
+ .e-listview.e-list-template .e-list-wrapper.e-list-multi-line {
298
+ padding: 4px;
299
+ }
300
+ .e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
301
+ color: var(--color-sf-text-primary);
302
+ display: block;
303
+ font-size: 14px;
304
+ font-weight: 400;
305
+ line-height: 22px;
306
+ margin: 0;
307
+ overflow: hidden;
308
+ padding: 0;
309
+ text-overflow: ellipsis;
310
+ white-space: nowrap;
311
+ }
312
+ .e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
313
+ color: var(--color-sf-text-tertiary);
314
+ display: block;
315
+ font-size: 14px;
316
+ font-weight: 400;
317
+ line-height: 22px;
318
+ margin: 0;
319
+ padding: 2px 0 0 0;
320
+ word-wrap: break-word;
321
+ }
322
+ .e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow) {
323
+ overflow: hidden;
324
+ text-overflow: ellipsis;
325
+ white-space: nowrap;
326
+ }
327
+ .e-listview.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
328
+ height: 40px;
329
+ width: 40px;
330
+ top: 0;
331
+ left: 0;
332
+ position: absolute;
333
+ margin: 7px 16px 7px 12px;
334
+ }
335
+ .e-listview.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
336
+ padding-left: 68px;
337
+ padding-right: 16px;
338
+ }
339
+ .e-listview.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
340
+ padding-left: 16px;
341
+ padding-right: 68px;
342
+ }
343
+ .e-listview.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
344
+ height: 40px;
345
+ width: 40px;
346
+ top: 0;
347
+ right: 0;
348
+ position: absolute;
349
+ }
350
+ .e-listview.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar {
351
+ top: 0;
352
+ }
353
+ .e-listview.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
354
+ top: 0;
355
+ }
356
+ .e-listview.e-list-template .e-list-wrapper.e-list-badge .e-badge {
357
+ font-size: 10px;
358
+ height: 18px;
359
+ width: 32px;
360
+ top: 50%;
361
+ right: 12px;
362
+ line-height: 18px;
363
+ padding: 0;
364
+ position: absolute;
365
+ -webkit-transform: translateY(-50%);
366
+ transform: translateY(-50%);
367
+ border-radius: 10px;
368
+ }
369
+ .e-listview.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
370
+ padding-left: 68px;
371
+ padding-right: 10px;
372
+ }
373
+ .e-listview.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
374
+ padding-left: 16px;
375
+ padding-right: 10px;
376
+ }
377
+ .e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content {
378
+ display: block;
379
+ margin: 0;
380
+ overflow: hidden;
381
+ padding: 8px 0;
382
+ text-overflow: ellipsis;
383
+ white-space: nowrap;
384
+ font-size: 14px;
385
+ line-height: 22px;
386
+ }
387
+ .e-listview.e-list-template .e-list-item.e-hover .e-list-item-header, .e-listview.e-list-template .e-list-item.e-hover .e-list-content {
388
+ color: var(--color-sf-text-secondary-hover);
389
+ }
390
+ .e-listview.e-list-template .e-list-item.e-active .e-list-item-header, .e-listview.e-list-template .e-list-item.e-active .e-list-content {
391
+ color: var(--color-sf-text-primary);
392
+ }
393
+ .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
394
+ left: inherit;
395
+ margin: 7px 12px 7px 16px;
396
+ right: 0;
397
+ }
398
+ .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
399
+ padding-left: 16px;
400
+ padding-right: 68px;
401
+ }
402
+ .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
403
+ padding-left: 68px;
404
+ padding-right: 16px;
405
+ }
406
+ .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
407
+ left: 0;
408
+ right: inherit;
409
+ }
410
+ .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge {
411
+ left: 12px;
412
+ right: inherit;
413
+ }
414
+ .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
415
+ padding-left: 10px;
416
+ padding-right: 68px;
417
+ }
418
+ .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
419
+ padding-left: 10px;
420
+ padding-right: 16px;
421
+ }
422
+
423
+ .e-bigger .e-listview .e-list-item,
424
+ .e-listview.e-bigger .e-list-item {
425
+ border-bottom: 0 solid transparent;
426
+ border-left: 0 solid transparent;
427
+ border-right: 0 solid transparent;
428
+ border-top: 0 solid transparent;
429
+ }
430
+ .e-bigger .e-listview .e-list-item .e-text-content .e-list-text,
431
+ .e-listview.e-bigger .e-list-item .e-text-content .e-list-text {
432
+ font-size: 16px;
433
+ }
434
+ .e-bigger .e-listview:not(.e-list-template) .e-list-item,
435
+ .e-listview.e-bigger:not(.e-list-template) .e-list-item {
436
+ height: 48px;
437
+ line-height: 24px;
438
+ position: relative;
439
+ padding: 12px 14px 12px 16px;
440
+ }
441
+ .e-bigger .e-listview .e-text-content,
442
+ .e-listview.e-bigger .e-text-content {
443
+ font-size: 16px;
444
+ }
445
+ .e-bigger .e-listview .e-list-group-item,
446
+ .e-listview.e-bigger .e-list-group-item {
447
+ height: 38px;
448
+ line-height: 22px;
449
+ padding: 8px 16px;
450
+ }
451
+ .e-bigger .e-listview .e-list-group-item .e-text-content,
452
+ .e-listview.e-bigger .e-list-group-item .e-text-content {
453
+ font-size: 14px;
454
+ line-height: 22px;
455
+ }
456
+ .e-bigger .e-listview .e-list-header,
457
+ .e-listview.e-bigger .e-list-header {
458
+ -webkit-box-align: center;
459
+ -ms-flex-align: center;
460
+ align-items: center;
461
+ display: -webkit-box;
462
+ display: -ms-flexbox;
463
+ display: flex;
464
+ font-weight: 500;
465
+ height: 38px;
466
+ font-size: 14px;
467
+ line-height: 22px;
468
+ padding: 8px 16px;
469
+ }
470
+ .e-bigger .e-listview .e-list-header .e-text.header,
471
+ .e-bigger .e-listview .e-list-header .e-headertemplate-text.nested-header,
472
+ .e-listview.e-bigger .e-list-header .e-text.header,
473
+ .e-listview.e-bigger .e-list-header .e-headertemplate-text.nested-header {
474
+ display: none;
475
+ }
476
+ .e-bigger .e-listview .e-list-header .e-text,
477
+ .e-listview.e-bigger .e-list-header .e-text {
478
+ font-size: 14px;
479
+ }
480
+ .e-bigger .e-listview .e-back-button,
481
+ .e-listview.e-bigger .e-back-button {
482
+ margin-right: 5px;
483
+ }
484
+ .e-bigger .e-listview .e-list-icon,
485
+ .e-listview.e-bigger .e-list-icon {
486
+ height: 24px;
487
+ width: 24px;
488
+ margin-right: 5px;
489
+ }
490
+ .e-bigger .e-listview .e-icon-collapsible,
491
+ .e-listview.e-bigger .e-icon-collapsible {
492
+ font-size: 24px;
493
+ height: 24px;
494
+ width: 24px;
495
+ }
496
+ .e-bigger .e-listview .e-listview-checkbox.e-checkbox-left,
497
+ .e-listview.e-bigger .e-listview-checkbox.e-checkbox-left {
498
+ margin: -2px 12px 0 0;
499
+ }
500
+ .e-bigger .e-listview .e-listview-checkbox.e-checkbox-right,
501
+ .e-listview.e-bigger .e-listview-checkbox.e-checkbox-right {
502
+ margin: -2px 0 0 12px;
503
+ }
504
+ .e-bigger .e-listview.e-rtl:not(.e-list-template) .e-list-item,
505
+ .e-listview.e-bigger.e-rtl:not(.e-list-template) .e-list-item {
506
+ padding: 12px 16px 12px 14px;
507
+ }
508
+ .e-bigger .e-listview.e-rtl .e-list-icon,
509
+ .e-listview.e-bigger.e-rtl .e-list-icon {
510
+ margin-left: 12px;
511
+ }
512
+ .e-bigger .e-listview.e-rtl .e-back-button,
513
+ .e-listview.e-bigger.e-rtl .e-back-button {
514
+ margin-left: 12px;
515
+ margin-right: 0;
516
+ }
517
+ .e-bigger .e-listview.e-rtl .e-listview-checkbox.e-checkbox-left,
518
+ .e-listview.e-bigger.e-rtl .e-listview-checkbox.e-checkbox-left {
519
+ margin: -2px 0 0 12px;
520
+ }
521
+ .e-bigger .e-listview.e-rtl .e-listview-checkbox.e-checkbox-right,
522
+ .e-listview.e-bigger.e-rtl .e-listview-checkbox.e-checkbox-right {
523
+ margin: -2px 12px 0 0;
524
+ }
525
+ .e-bigger .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
526
+ .e-listview.e-bigger.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
527
+ margin: 8px 16px 8px 24px;
528
+ }
529
+ .e-bigger .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge), .e-bigger .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
530
+ .e-listview.e-bigger.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
531
+ .e-listview.e-bigger.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
532
+ padding-right: 88px;
533
+ }
534
+ .e-bigger .e-listview.e-list-template .e-list-header,
535
+ .e-listview.e-bigger.e-list-template .e-list-header {
536
+ padding: 8px 16px;
537
+ }
538
+ .e-bigger .e-listview.e-list-template .e-list-wrapper.e-list-multi-line,
539
+ .e-listview.e-bigger.e-list-template .e-list-wrapper.e-list-multi-line {
540
+ padding: 7px;
541
+ }
542
+ .e-bigger .e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
543
+ .e-bigger .e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
544
+ .e-listview.e-bigger.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
545
+ .e-listview.e-bigger.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
546
+ font-size: 16px;
547
+ line-height: 24px;
548
+ font-weight: 400;
549
+ }
550
+ .e-bigger .e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line).e-list-badge:not(.e-list-avatar),
551
+ .e-listview.e-bigger.e-list-template .e-list-wrapper:not(.e-list-multi-line).e-list-badge:not(.e-list-avatar) {
552
+ padding: 0 12px 0 16px;
553
+ }
554
+ .e-bigger .e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line).e-list-badge:not(.e-list-avatar) .e-list-content,
555
+ .e-listview.e-bigger.e-list-template .e-list-wrapper:not(.e-list-multi-line).e-list-badge:not(.e-list-avatar) .e-list-content {
556
+ padding: 14px 0;
557
+ }
558
+ .e-bigger .e-listview.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
559
+ .e-listview.e-bigger.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
560
+ height: 48px;
561
+ width: 48px;
562
+ margin: 8px 24px 8px 16px;
563
+ }
564
+ .e-bigger .e-listview.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge), .e-bigger .e-listview.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
565
+ .e-listview.e-bigger.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
566
+ .e-listview.e-bigger.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
567
+ padding-left: 88px;
568
+ }
569
+ .e-bigger .e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
570
+ .e-listview.e-bigger.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content {
571
+ font-size: 16px;
572
+ padding: 12px 0;
573
+ }
574
+ .e-bigger .e-listview .e-text-content.e-checkbox .e-list-text,
575
+ .e-listview.e-bigger .e-text-content.e-checkbox .e-list-text {
576
+ width: calc(100% - 40px);
577
+ }
@@ -0,0 +1,6 @@
1
+ @import 'ej2-base/styles/definition/bds.scss';
2
+ @import 'ej2-buttons/styles/check-box/bds-definition.scss';
3
+ @import 'bds-definition.scss';
4
+ @import 'icons/bds.scss';
5
+ @import 'all.scss';
6
+ @import 'bigger.scss';
@@ -26,6 +26,9 @@
26
26
  border-bottom: 0 solid;
27
27
  cursor: pointer;
28
28
  }
29
+ .e-listview .e-list-item.e-disabled, .e-listview .e-list-item.e-disabled * {
30
+ cursor: default;
31
+ }
29
32
 
30
33
  .e-listview .e-list-parent {
31
34
  margin: 0;
@@ -191,6 +194,14 @@
191
194
  margin: -4px 10px 0 0;
192
195
  }
193
196
 
197
+ .e-listview.e-disabled, .e-listview.e-disabled * {
198
+ cursor: default;
199
+ }
200
+
201
+ .e-listview.e-disabled .e-checkbox .e-icons {
202
+ cursor: default;
203
+ }
204
+
194
205
  .e-listview {
195
206
  border-color: rgba(26, 26, 26, 0.1);
196
207
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
@@ -27,6 +27,9 @@
27
27
  border-bottom: 0 solid;
28
28
  cursor: pointer;
29
29
  }
30
+ .e-listview .e-list-item.e-disabled, .e-listview .e-list-item.e-disabled * {
31
+ cursor: default;
32
+ }
30
33
 
31
34
  .e-listview .e-list-parent {
32
35
  margin: 0;
@@ -192,6 +195,14 @@
192
195
  margin: -4px 10px 0 0;
193
196
  }
194
197
 
198
+ .e-listview.e-disabled, .e-listview.e-disabled * {
199
+ cursor: default;
200
+ }
201
+
202
+ .e-listview.e-disabled .e-checkbox .e-icons {
203
+ cursor: default;
204
+ }
205
+
195
206
  .e-listview {
196
207
  border-color: rgba(0, 0, 0, 0.1);
197
208
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
@@ -27,6 +27,9 @@
27
27
  border-bottom: 1px solid;
28
28
  cursor: pointer;
29
29
  }
30
+ .e-listview .e-list-item.e-disabled, .e-listview .e-list-item.e-disabled * {
31
+ cursor: default;
32
+ }
30
33
 
31
34
  .e-listview .e-list-parent {
32
35
  margin: 0;
@@ -192,6 +195,14 @@
192
195
  margin: 0 10px 0 0;
193
196
  }
194
197
 
198
+ .e-listview.e-disabled, .e-listview.e-disabled * {
199
+ cursor: default;
200
+ }
201
+
202
+ .e-listview.e-disabled .e-checkbox .e-icons {
203
+ cursor: default;
204
+ }
205
+
195
206
  .e-listview {
196
207
  border-color: rgba(0, 0, 0, 0.13);
197
208
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
@@ -27,6 +27,9 @@
27
27
  border-bottom: 1px solid;
28
28
  cursor: pointer;
29
29
  }
30
+ .e-listview .e-list-item.e-disabled, .e-listview .e-list-item.e-disabled * {
31
+ cursor: default;
32
+ }
30
33
 
31
34
  .e-listview .e-list-parent {
32
35
  margin: 0;
@@ -192,6 +195,14 @@
192
195
  margin: -2px 8px 0 0;
193
196
  }
194
197
 
198
+ .e-listview.e-disabled, .e-listview.e-disabled * {
199
+ cursor: default;
200
+ }
201
+
202
+ .e-listview.e-disabled .e-checkbox .e-icons {
203
+ cursor: default;
204
+ }
205
+
195
206
  .e-listview {
196
207
  border-color: #444c54;
197
208
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
@@ -31,6 +31,9 @@
31
31
  border-bottom: 1px solid;
32
32
  cursor: pointer;
33
33
  }
34
+ .e-listview .e-list-item.e-disabled, .e-listview .e-list-item.e-disabled * {
35
+ cursor: default;
36
+ }
34
37
 
35
38
  .e-listview .e-list-parent {
36
39
  margin: 0;
@@ -196,6 +199,14 @@
196
199
  margin: -2px 8px 0 0;
197
200
  }
198
201
 
202
+ .e-listview.e-disabled, .e-listview.e-disabled * {
203
+ cursor: default;
204
+ }
205
+
206
+ .e-listview.e-disabled .e-checkbox .e-icons {
207
+ cursor: default;
208
+ }
209
+
199
210
  .e-listview {
200
211
  border-color: var(--color-sf-border-light);
201
212
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";