@syncfusion/ej2-react-lists 20.1.47 → 20.2.38

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 (48) hide show
  1. package/CHANGELOG.md +2 -0
  2. package/dist/ej2-react-lists.umd.min.js +1 -1
  3. package/package.json +8 -8
  4. package/styles/bootstrap-dark.css +7 -59
  5. package/styles/bootstrap.css +7 -58
  6. package/styles/bootstrap4.css +7 -66
  7. package/styles/bootstrap5-dark.css +7 -63
  8. package/styles/bootstrap5.css +7 -63
  9. package/styles/fabric-dark.css +7 -59
  10. package/styles/fabric.css +7 -58
  11. package/styles/fluent-dark.css +7 -68
  12. package/styles/fluent.css +7 -68
  13. package/styles/highcontrast-light.css +7 -59
  14. package/styles/highcontrast.css +7 -58
  15. package/styles/list-view/bootstrap-dark.css +6 -55
  16. package/styles/list-view/bootstrap.css +6 -54
  17. package/styles/list-view/bootstrap4.css +6 -62
  18. package/styles/list-view/bootstrap5-dark.css +6 -59
  19. package/styles/list-view/bootstrap5.css +6 -59
  20. package/styles/list-view/fabric-dark.css +6 -55
  21. package/styles/list-view/fabric.css +6 -54
  22. package/styles/list-view/fluent-dark.css +6 -64
  23. package/styles/list-view/fluent.css +6 -64
  24. package/styles/list-view/highcontrast-light.css +6 -55
  25. package/styles/list-view/highcontrast.css +6 -54
  26. package/styles/list-view/material-dark.css +6 -55
  27. package/styles/list-view/material.css +6 -54
  28. package/styles/list-view/tailwind-dark.css +5 -81
  29. package/styles/list-view/tailwind.css +5 -81
  30. package/styles/material-dark.css +7 -59
  31. package/styles/material.css +7 -58
  32. package/styles/sortable/bootstrap-dark.css +2 -5
  33. package/styles/sortable/bootstrap.css +2 -5
  34. package/styles/sortable/bootstrap4.css +2 -5
  35. package/styles/sortable/bootstrap5-dark.css +2 -5
  36. package/styles/sortable/bootstrap5.css +2 -5
  37. package/styles/sortable/fabric-dark.css +2 -5
  38. package/styles/sortable/fabric.css +2 -5
  39. package/styles/sortable/fluent-dark.css +2 -5
  40. package/styles/sortable/fluent.css +2 -5
  41. package/styles/sortable/highcontrast-light.css +2 -5
  42. package/styles/sortable/highcontrast.css +2 -5
  43. package/styles/sortable/material-dark.css +2 -5
  44. package/styles/sortable/material.css +2 -5
  45. package/styles/sortable/tailwind-dark.css +2 -5
  46. package/styles/sortable/tailwind.css +2 -5
  47. package/styles/tailwind-dark.css +6 -85
  48. package/styles/tailwind.css +6 -85
package/styles/list-view/fluent-dark.css CHANGED
@@ -1,9 +1,9 @@
1
1
  .e-icon-collapsible::before {
2
- content: '\e748';
2
+ content: "\e748";
3
3
  }
4
4
 
5
5
  .e-icon-back::before {
6
- content: '\e773';
6
+ content: "\e773";
7
7
  font-size: 14px;
8
8
  }
9
9
 
@@ -14,19 +14,16 @@
14
14
  border-right: 0 solid transparent;
15
15
  border-top: 0 solid transparent;
16
16
  }
17
-
18
17
  .e-bigger .e-listview:not(.e-list-template) .e-list-item,
19
18
  .e-listview.e-bigger:not(.e-list-template) .e-list-item {
20
19
  height: 44px;
21
20
  line-height: 24px;
22
21
  position: relative;
23
22
  }
24
-
25
23
  .e-bigger .e-listview .e-text-content,
26
24
  .e-listview.e-bigger .e-text-content {
27
25
  font-size: 16px;
28
26
  }
29
-
30
27
  .e-bigger .e-listview .e-list-group-item,
31
28
  .e-listview.e-bigger .e-list-group-item {
32
29
  height: 44px;
@@ -34,7 +31,6 @@
34
31
  padding: 10px 16px;
35
32
  font-size: 16px;
36
33
  }
37
-
38
34
  .e-bigger .e-listview .e-list-header,
39
35
  .e-listview.e-bigger .e-list-header {
40
36
  -ms-flex-align: center;
@@ -47,67 +43,55 @@
47
43
  line-height: 22px;
48
44
  padding: 10px 16px;
49
45
  }
50
-
51
46
  .e-bigger .e-listview .e-list-header .e-text.header,
52
47
  .e-listview.e-bigger .e-list-header .e-text.header {
53
48
  display: none;
54
49
  }
55
-
56
50
  .e-bigger .e-listview .e-list-header .e-headertemplate-text.nested-header,
57
51
  .e-listview.e-bigger .e-list-header .e-headertemplate-text.nested-header {
58
52
  display: none;
59
53
  }
60
-
61
54
  .e-bigger .e-listview .e-list-header .e-text,
62
55
  .e-listview.e-bigger .e-list-header .e-text {
63
56
  font-size: 14px;
64
57
  }
65
-
66
58
  .e-bigger .e-listview .e-listview-checkbox.e-checkbox-left,
67
59
  .e-listview.e-bigger .e-listview-checkbox.e-checkbox-left {
68
60
  margin: 0 16px 0 0;
69
61
  border: 0;
70
62
  padding: 0;
71
63
  }
72
-
73
64
  .e-bigger .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
74
65
  .e-listview.e-bigger.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
75
66
  margin: 7px 12px 7px 16px;
76
67
  }
77
-
78
68
  .e-bigger .e-listview .e-text-content.e-checkbox .e-list-text,
79
69
  .e-listview.e-bigger .e-text-content.e-checkbox .e-list-text {
80
70
  width: calc(100% - 60px);
81
71
  }
82
-
83
72
  .e-bigger .e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line),
84
73
  .e-listview.e-bigger.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
85
74
  padding: 12px 16px;
86
75
  }
87
-
88
76
  .e-bigger .e-listview.e-list-template .e-list-wrapper.e-list-multi-line,
89
77
  .e-listview.e-bigger.e-list-template .e-list-wrapper.e-list-multi-line {
90
78
  padding: 8px 4px;
91
79
  }
92
-
93
80
  .e-bigger .e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
94
81
  .e-listview.e-bigger.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
95
82
  font-size: 16px;
96
83
  line-height: 24px;
97
84
  }
98
-
99
85
  .e-bigger .e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
100
86
  .e-listview.e-bigger.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
101
87
  font-size: 14px;
102
88
  line-height: 22px;
103
89
  }
104
-
105
90
  .e-bigger .e-listview.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
106
91
  .e-listview.e-bigger.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
107
92
  height: 48px;
108
93
  width: 48px;
109
94
  }
110
-
111
95
  .e-bigger .e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
112
96
  .e-listview.e-bigger.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content {
113
97
  font-size: 16px;
@@ -123,14 +107,12 @@
123
107
  position: relative;
124
108
  width: 100%;
125
109
  }
126
-
127
110
  .e-listview:not(.e-list-template) .e-list-item {
128
111
  height: 38px;
129
112
  line-height: 22px;
130
113
  padding: 7px 12px 7px 12px;
131
114
  position: relative;
132
115
  }
133
-
134
116
  .e-listview .e-list-item {
135
117
  border-bottom: 1px solid;
136
118
  cursor: pointer;
@@ -187,7 +169,6 @@
187
169
  font-weight: 600;
188
170
  padding: 7px 12px 7px 12px;
189
171
  }
190
-
191
172
  .e-listview .e-list-group-item .e-list-text {
192
173
  cursor: default;
193
174
  }
@@ -286,40 +267,32 @@
286
267
  .e-listview.e-rtl {
287
268
  direction: rtl;
288
269
  }
289
-
290
270
  .e-listview.e-rtl .e-back-button {
291
271
  margin-left: 12px;
292
272
  margin-right: 0;
293
273
  }
294
-
295
274
  .e-listview.e-rtl .e-list-icon {
296
275
  margin-left: 16px;
297
276
  margin-right: 0;
298
277
  }
299
-
300
278
  .e-listview.e-rtl .e-icon-collapsible {
301
279
  left: 0%;
302
280
  right: initial;
303
281
  top: 50%;
304
282
  transform: translateY(-50%) rotate(180deg);
305
283
  }
306
-
307
284
  .e-listview.e-rtl .e-list-header .e-text {
308
285
  cursor: pointer;
309
286
  }
310
-
311
287
  .e-listview.e-rtl .e-back-button {
312
288
  transform: rotate(180deg);
313
289
  }
314
-
315
290
  .e-listview.e-rtl .e-icon-back {
316
291
  margin-top: 4px;
317
292
  }
318
-
319
293
  .e-listview.e-rtl .e-checkbox .e-checkbox-left {
320
294
  margin: 0 3px 3px 12px;
321
295
  }
322
-
323
296
  .e-listview.e-rtl .e-checkbox .e-checkbox-right {
324
297
  margin: -2px 8px 0 0;
325
298
  }
@@ -329,7 +302,6 @@
329
302
  font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
330
303
  font-size: 14px;
331
304
  }
332
-
333
305
  .e-listview .e-list-header {
334
306
  background-color: transparent;
335
307
  border-color: #292827;
@@ -350,8 +322,7 @@
350
322
  color: #f3f2f1;
351
323
  }
352
324
 
353
- .e-listview .e-list-item.e-hover,
354
- .e-listview .e-list-item.e-hover.e-active.e-checklist {
325
+ .e-listview .e-list-item.e-hover, .e-listview .e-list-item.e-hover.e-active.e-checklist {
355
326
  background-color: #252423;
356
327
  border-color: #292827;
357
328
  color: #f3f2f1;
@@ -367,14 +338,12 @@
367
338
  color: #f3f2f1;
368
339
  }
369
340
 
370
- .e-listview .e-list-item.e-focused,
371
- .e-listview .e-list-item.e-focused.e-active.e-checklist {
341
+ .e-listview .e-list-item.e-focused, .e-listview .e-list-item.e-focused.e-active.e-checklist {
372
342
  background-color: #292827;
373
343
  color: #f3f2f1;
374
344
  }
375
345
 
376
- .e-listview .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
377
- .e-listview .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
346
+ .e-listview .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check, .e-listview .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
378
347
  background-color: #1b1a19;
379
348
  border-color: #1b1a19;
380
349
  color: #0078d4;
@@ -391,19 +360,15 @@
391
360
  height: inherit;
392
361
  position: relative;
393
362
  }
394
-
395
363
  .e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
396
364
  padding: 10px 16px;
397
365
  }
398
-
399
366
  .e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line).e-list-badge:not(.e-list-avatar) {
400
367
  padding: 2px 10px 2px 16px;
401
368
  }
402
-
403
369
  .e-listview.e-list-template .e-list-wrapper.e-list-multi-line {
404
370
  padding: 6px 4px;
405
371
  }
406
-
407
372
  .e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
408
373
  color: #f3f2f1;
409
374
  display: block;
@@ -416,7 +381,6 @@
416
381
  text-overflow: ellipsis;
417
382
  white-space: nowrap;
418
383
  }
419
-
420
384
  .e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
421
385
  color: #a19f9d;
422
386
  display: block;
@@ -427,13 +391,11 @@
427
391
  padding: 2px 0 0 0;
428
392
  word-wrap: break-word;
429
393
  }
430
-
431
394
  .e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow) {
432
395
  overflow: hidden;
433
396
  text-overflow: ellipsis;
434
397
  white-space: nowrap;
435
398
  }
436
-
437
399
  .e-listview.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
438
400
  height: 40px;
439
401
  left: 0;
@@ -442,17 +404,14 @@
442
404
  width: 40px;
443
405
  margin: 7px 16px 7px 12px;
444
406
  }
445
-
446
407
  .e-listview.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
447
408
  padding-left: 68px;
448
409
  padding-right: 16px;
449
410
  }
450
-
451
411
  .e-listview.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
452
412
  padding-left: 16px;
453
413
  padding-right: 68px;
454
414
  }
455
-
456
415
  .e-listview.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
457
416
  height: 40px;
458
417
  position: absolute;
@@ -460,15 +419,12 @@
460
419
  top: 0;
461
420
  width: 40px;
462
421
  }
463
-
464
422
  .e-listview.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar {
465
423
  top: 0;
466
424
  }
467
-
468
425
  .e-listview.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
469
426
  top: 0;
470
427
  }
471
-
472
428
  .e-listview.e-list-template .e-list-wrapper.e-list-badge .e-badge {
473
429
  font-size: 10px;
474
430
  height: 18px;
@@ -481,17 +437,14 @@
481
437
  width: 20px;
482
438
  border-radius: 10px;
483
439
  }
484
-
485
440
  .e-listview.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
486
441
  padding-left: 68px;
487
442
  padding-right: 10px;
488
443
  }
489
-
490
444
  .e-listview.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
491
445
  padding-left: 16px;
492
446
  padding-right: 10px;
493
447
  }
494
-
495
448
  .e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content {
496
449
  display: block;
497
450
  margin: 0;
@@ -500,54 +453,43 @@
500
453
  text-overflow: ellipsis;
501
454
  white-space: nowrap;
502
455
  }
503
-
504
456
  .e-listview.e-list-template .e-list-item.e-hover .e-list-item-header {
505
457
  color: #f3f2f1;
506
458
  }
507
-
508
459
  .e-listview.e-list-template .e-list-item.e-hover .e-list-content {
509
460
  color: #f3f2f1;
510
461
  }
511
-
512
462
  .e-listview.e-list-template .e-list-item.e-active .e-list-item-header {
513
463
  color: #f3f2f1;
514
464
  }
515
-
516
465
  .e-listview.e-list-template .e-list-item.e-active .e-list-content {
517
466
  color: #f3f2f1;
518
467
  }
519
-
520
468
  .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
521
469
  left: inherit;
522
470
  right: 0;
523
471
  }
524
-
525
472
  .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
526
473
  padding-left: 16px;
527
474
  padding-right: 68px;
528
475
  }
529
-
530
476
  .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
531
477
  padding-left: 68px;
532
478
  padding-right: 16px;
533
479
  }
534
-
535
480
  .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
536
481
  left: 0;
537
482
  right: inherit;
538
483
  }
539
-
540
484
  .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge {
541
485
  left: 12px;
542
486
  right: inherit;
543
487
  }
544
-
545
488
  .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
546
489
  padding-left: 10px;
547
490
  padding-right: 68px;
548
491
  }
549
-
550
492
  .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
551
493
  padding-left: 10px;
552
494
  padding-right: 16px;
553
- }
495
+ }
package/styles/list-view/fluent.css CHANGED
@@ -1,9 +1,9 @@
1
1
  .e-icon-collapsible::before {
2
- content: '\e748';
2
+ content: "\e748";
3
3
  }
4
4
 
5
5
  .e-icon-back::before {
6
- content: '\e773';
6
+ content: "\e773";
7
7
  font-size: 14px;
8
8
  }
9
9
 
@@ -14,19 +14,16 @@
14
14
  border-right: 0 solid transparent;
15
15
  border-top: 0 solid transparent;
16
16
  }
17
-
18
17
  .e-bigger .e-listview:not(.e-list-template) .e-list-item,
19
18
  .e-listview.e-bigger:not(.e-list-template) .e-list-item {
20
19
  height: 44px;
21
20
  line-height: 24px;
22
21
  position: relative;
23
22
  }
24
-
25
23
  .e-bigger .e-listview .e-text-content,
26
24
  .e-listview.e-bigger .e-text-content {
27
25
  font-size: 16px;
28
26
  }
29
-
30
27
  .e-bigger .e-listview .e-list-group-item,
31
28
  .e-listview.e-bigger .e-list-group-item {
32
29
  height: 44px;
@@ -34,7 +31,6 @@
34
31
  padding: 10px 16px;
35
32
  font-size: 16px;
36
33
  }
37
-
38
34
  .e-bigger .e-listview .e-list-header,
39
35
  .e-listview.e-bigger .e-list-header {
40
36
  -ms-flex-align: center;
@@ -47,67 +43,55 @@
47
43
  line-height: 22px;
48
44
  padding: 10px 16px;
49
45
  }
50
-
51
46
  .e-bigger .e-listview .e-list-header .e-text.header,
52
47
  .e-listview.e-bigger .e-list-header .e-text.header {
53
48
  display: none;
54
49
  }
55
-
56
50
  .e-bigger .e-listview .e-list-header .e-headertemplate-text.nested-header,
57
51
  .e-listview.e-bigger .e-list-header .e-headertemplate-text.nested-header {
58
52
  display: none;
59
53
  }
60
-
61
54
  .e-bigger .e-listview .e-list-header .e-text,
62
55
  .e-listview.e-bigger .e-list-header .e-text {
63
56
  font-size: 14px;
64
57
  }
65
-
66
58
  .e-bigger .e-listview .e-listview-checkbox.e-checkbox-left,
67
59
  .e-listview.e-bigger .e-listview-checkbox.e-checkbox-left {
68
60
  margin: 0 16px 0 0;
69
61
  border: 0;
70
62
  padding: 0;
71
63
  }
72
-
73
64
  .e-bigger .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
74
65
  .e-listview.e-bigger.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
75
66
  margin: 7px 12px 7px 16px;
76
67
  }
77
-
78
68
  .e-bigger .e-listview .e-text-content.e-checkbox .e-list-text,
79
69
  .e-listview.e-bigger .e-text-content.e-checkbox .e-list-text {
80
70
  width: calc(100% - 60px);
81
71
  }
82
-
83
72
  .e-bigger .e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line),
84
73
  .e-listview.e-bigger.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
85
74
  padding: 12px 16px;
86
75
  }
87
-
88
76
  .e-bigger .e-listview.e-list-template .e-list-wrapper.e-list-multi-line,
89
77
  .e-listview.e-bigger.e-list-template .e-list-wrapper.e-list-multi-line {
90
78
  padding: 8px 4px;
91
79
  }
92
-
93
80
  .e-bigger .e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
94
81
  .e-listview.e-bigger.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
95
82
  font-size: 16px;
96
83
  line-height: 24px;
97
84
  }
98
-
99
85
  .e-bigger .e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
100
86
  .e-listview.e-bigger.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
101
87
  font-size: 14px;
102
88
  line-height: 22px;
103
89
  }
104
-
105
90
  .e-bigger .e-listview.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
106
91
  .e-listview.e-bigger.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
107
92
  height: 48px;
108
93
  width: 48px;
109
94
  }
110
-
111
95
  .e-bigger .e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
112
96
  .e-listview.e-bigger.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content {
113
97
  font-size: 16px;
@@ -123,14 +107,12 @@
123
107
  position: relative;
124
108
  width: 100%;
125
109
  }
126
-
127
110
  .e-listview:not(.e-list-template) .e-list-item {
128
111
  height: 38px;
129
112
  line-height: 22px;
130
113
  padding: 7px 12px 7px 12px;
131
114
  position: relative;
132
115
  }
133
-
134
116
  .e-listview .e-list-item {
135
117
  border-bottom: 1px solid;
136
118
  cursor: pointer;
@@ -187,7 +169,6 @@
187
169
  font-weight: 600;
188
170
  padding: 7px 12px 7px 12px;
189
171
  }
190
-
191
172
  .e-listview .e-list-group-item .e-list-text {
192
173
  cursor: default;
193
174
  }
@@ -286,40 +267,32 @@
286
267
  .e-listview.e-rtl {
287
268
  direction: rtl;
288
269
  }
289
-
290
270
  .e-listview.e-rtl .e-back-button {
291
271
  margin-left: 12px;
292
272
  margin-right: 0;
293
273
  }
294
-
295
274
  .e-listview.e-rtl .e-list-icon {
296
275
  margin-left: 16px;
297
276
  margin-right: 0;
298
277
  }
299
-
300
278
  .e-listview.e-rtl .e-icon-collapsible {
301
279
  left: 0%;
302
280
  right: initial;
303
281
  top: 50%;
304
282
  transform: translateY(-50%) rotate(180deg);
305
283
  }
306
-
307
284
  .e-listview.e-rtl .e-list-header .e-text {
308
285
  cursor: pointer;
309
286
  }
310
-
311
287
  .e-listview.e-rtl .e-back-button {
312
288
  transform: rotate(180deg);
313
289
  }
314
-
315
290
  .e-listview.e-rtl .e-icon-back {
316
291
  margin-top: 4px;
317
292
  }
318
-
319
293
  .e-listview.e-rtl .e-checkbox .e-checkbox-left {
320
294
  margin: 0 3px 3px 12px;
321
295
  }
322
-
323
296
  .e-listview.e-rtl .e-checkbox .e-checkbox-right {
324
297
  margin: -2px 8px 0 0;
325
298
  }
@@ -329,7 +302,6 @@
329
302
  font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
330
303
  font-size: 14px;
331
304
  }
332
-
333
305
  .e-listview .e-list-header {
334
306
  background-color: transparent;
335
307
  border-color: #edebe9;
@@ -350,8 +322,7 @@
350
322
  color: #201f1e;
351
323
  }
352
324
 
353
- .e-listview .e-list-item.e-hover,
354
- .e-listview .e-list-item.e-hover.e-active.e-checklist {
325
+ .e-listview .e-list-item.e-hover, .e-listview .e-list-item.e-hover.e-active.e-checklist {
355
326
  background-color: #f3f2f1;
356
327
  border-color: #edebe9;
357
328
  color: #201f1e;
@@ -367,14 +338,12 @@
367
338
  color: #201f1e;
368
339
  }
369
340
 
370
- .e-listview .e-list-item.e-focused,
371
- .e-listview .e-list-item.e-focused.e-active.e-checklist {
341
+ .e-listview .e-list-item.e-focused, .e-listview .e-list-item.e-focused.e-active.e-checklist {
372
342
  background-color: #edebe9;
373
343
  color: #201f1e;
374
344
  }
375
345
 
376
- .e-listview .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
377
- .e-listview .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
346
+ .e-listview .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check, .e-listview .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
378
347
  background-color: #fff;
379
348
  border-color: #fff;
380
349
  color: #0078d4;
@@ -391,19 +360,15 @@
391
360
  height: inherit;
392
361
  position: relative;
393
362
  }
394
-
395
363
  .e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
396
364
  padding: 10px 16px;
397
365
  }
398
-
399
366
  .e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line).e-list-badge:not(.e-list-avatar) {
400
367
  padding: 2px 10px 2px 16px;
401
368
  }
402
-
403
369
  .e-listview.e-list-template .e-list-wrapper.e-list-multi-line {
404
370
  padding: 6px 4px;
405
371
  }
406
-
407
372
  .e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
408
373
  color: #201f1e;
409
374
  display: block;
@@ -416,7 +381,6 @@
416
381
  text-overflow: ellipsis;
417
382
  white-space: nowrap;
418
383
  }
419
-
420
384
  .e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
421
385
  color: #605e5c;
422
386
  display: block;
@@ -427,13 +391,11 @@
427
391
  padding: 2px 0 0 0;
428
392
  word-wrap: break-word;
429
393
  }
430
-
431
394
  .e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow) {
432
395
  overflow: hidden;
433
396
  text-overflow: ellipsis;
434
397
  white-space: nowrap;
435
398
  }
436
-
437
399
  .e-listview.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
438
400
  height: 40px;
439
401
  left: 0;
@@ -442,17 +404,14 @@
442
404
  width: 40px;
443
405
  margin: 7px 16px 7px 12px;
444
406
  }
445
-
446
407
  .e-listview.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
447
408
  padding-left: 68px;
448
409
  padding-right: 16px;
449
410
  }
450
-
451
411
  .e-listview.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
452
412
  padding-left: 16px;
453
413
  padding-right: 68px;
454
414
  }
455
-
456
415
  .e-listview.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
457
416
  height: 40px;
458
417
  position: absolute;
@@ -460,15 +419,12 @@
460
419
  top: 0;
461
420
  width: 40px;
462
421
  }
463
-
464
422
  .e-listview.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar {
465
423
  top: 0;
466
424
  }
467
-
468
425
  .e-listview.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
469
426
  top: 0;
470
427
  }
471
-
472
428
  .e-listview.e-list-template .e-list-wrapper.e-list-badge .e-badge {
473
429
  font-size: 10px;
474
430
  height: 18px;
@@ -481,17 +437,14 @@
481
437
  width: 20px;
482
438
  border-radius: 10px;
483
439
  }
484
-
485
440
  .e-listview.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
486
441
  padding-left: 68px;
487
442
  padding-right: 10px;
488
443
  }
489
-
490
444
  .e-listview.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
491
445
  padding-left: 16px;
492
446
  padding-right: 10px;
493
447
  }
494
-
495
448
  .e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content {
496
449
  display: block;
497
450
  margin: 0;
@@ -500,54 +453,43 @@
500
453
  text-overflow: ellipsis;
501
454
  white-space: nowrap;
502
455
  }
503
-
504
456
  .e-listview.e-list-template .e-list-item.e-hover .e-list-item-header {
505
457
  color: #201f1e;
506
458
  }
507
-
508
459
  .e-listview.e-list-template .e-list-item.e-hover .e-list-content {
509
460
  color: #201f1e;
510
461
  }
511
-
512
462
  .e-listview.e-list-template .e-list-item.e-active .e-list-item-header {
513
463
  color: #201f1e;
514
464
  }
515
-
516
465
  .e-listview.e-list-template .e-list-item.e-active .e-list-content {
517
466
  color: #201f1e;
518
467
  }
519
-
520
468
  .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
521
469
  left: inherit;
522
470
  right: 0;
523
471
  }
524
-
525
472
  .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
526
473
  padding-left: 16px;
527
474
  padding-right: 68px;
528
475
  }
529
-
530
476
  .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
531
477
  padding-left: 68px;
532
478
  padding-right: 16px;
533
479
  }
534
-
535
480
  .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
536
481
  left: 0;
537
482
  right: inherit;
538
483
  }
539
-
540
484
  .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge {
541
485
  left: 12px;
542
486
  right: inherit;
543
487
  }
544
-
545
488
  .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
546
489
  padding-left: 10px;
547
490
  padding-right: 68px;
548
491
  }
549
-
550
492
  .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
551
493
  padding-left: 10px;
552
494
  padding-right: 16px;
553
- }
495
+ }