@syncfusion/ej2-lists 20.1.55 → 20.2.39

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 (56) hide show
  1. package/CHANGELOG.md +1 -1
  2. package/dist/ej2-lists.umd.min.js +1 -1
  3. package/dist/global/ej2-lists.min.js +1 -1
  4. package/dist/global/index.d.ts +1 -1
  5. package/helpers/e2e/index.js +8 -6
  6. package/helpers/e2e/list-view.js +38 -22
  7. package/package.json +8 -8
  8. package/styles/bootstrap-dark.css +7 -59
  9. package/styles/bootstrap.css +7 -58
  10. package/styles/bootstrap4.css +7 -66
  11. package/styles/bootstrap5-dark.css +7 -63
  12. package/styles/bootstrap5.css +7 -63
  13. package/styles/fabric-dark.css +7 -59
  14. package/styles/fabric.css +7 -58
  15. package/styles/fluent-dark.css +7 -68
  16. package/styles/fluent.css +7 -68
  17. package/styles/highcontrast-light.css +7 -59
  18. package/styles/highcontrast.css +7 -58
  19. package/styles/list-view/_fusionnew-definition.scss +129 -0
  20. package/styles/list-view/_material3-definition.scss +129 -0
  21. package/styles/list-view/bootstrap-dark.css +6 -55
  22. package/styles/list-view/bootstrap.css +6 -54
  23. package/styles/list-view/bootstrap4.css +6 -62
  24. package/styles/list-view/bootstrap5-dark.css +6 -59
  25. package/styles/list-view/bootstrap5.css +6 -59
  26. package/styles/list-view/fabric-dark.css +6 -55
  27. package/styles/list-view/fabric.css +6 -54
  28. package/styles/list-view/fluent-dark.css +6 -64
  29. package/styles/list-view/fluent.css +6 -64
  30. package/styles/list-view/highcontrast-light.css +6 -55
  31. package/styles/list-view/highcontrast.css +6 -54
  32. package/styles/list-view/icons/_fusionnew.scss +8 -0
  33. package/styles/list-view/icons/_material3.scss +8 -0
  34. package/styles/list-view/material-dark.css +6 -55
  35. package/styles/list-view/material.css +6 -54
  36. package/styles/list-view/tailwind-dark.css +5 -81
  37. package/styles/list-view/tailwind.css +5 -81
  38. package/styles/material-dark.css +7 -59
  39. package/styles/material.css +7 -58
  40. package/styles/sortable/bootstrap-dark.css +2 -5
  41. package/styles/sortable/bootstrap.css +2 -5
  42. package/styles/sortable/bootstrap4.css +2 -5
  43. package/styles/sortable/bootstrap5-dark.css +2 -5
  44. package/styles/sortable/bootstrap5.css +2 -5
  45. package/styles/sortable/fabric-dark.css +2 -5
  46. package/styles/sortable/fabric.css +2 -5
  47. package/styles/sortable/fluent-dark.css +2 -5
  48. package/styles/sortable/fluent.css +2 -5
  49. package/styles/sortable/highcontrast-light.css +2 -5
  50. package/styles/sortable/highcontrast.css +2 -5
  51. package/styles/sortable/material-dark.css +2 -5
  52. package/styles/sortable/material.css +2 -5
  53. package/styles/sortable/tailwind-dark.css +2 -5
  54. package/styles/sortable/tailwind.css +2 -5
  55. package/styles/tailwind-dark.css +6 -85
  56. package/styles/tailwind.css +6 -85
package/styles/bootstrap5-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: 12px;
8
8
  }
9
9
 
@@ -14,25 +14,21 @@
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: 40px;
21
20
  line-height: 21px;
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: 40px;
33
30
  line-height: 20px;
34
31
  }
35
-
36
32
  .e-bigger .e-listview .e-list-header,
37
33
  .e-listview.e-bigger .e-list-header {
38
34
  -ms-flex-align: center;
@@ -42,22 +38,18 @@
42
38
  font-weight: 500;
43
39
  height: 40px;
44
40
  }
45
-
46
41
  .e-bigger .e-listview .e-list-header .e-text.header,
47
42
  .e-listview.e-bigger .e-list-header .e-text.header {
48
43
  display: none;
49
44
  }
50
-
51
45
  .e-bigger .e-listview .e-list-header .e-headertemplate-text.nested-header,
52
46
  .e-listview.e-bigger .e-list-header .e-headertemplate-text.nested-header {
53
47
  display: none;
54
48
  }
55
-
56
49
  .e-bigger .e-listview .e-list-header .e-text,
57
50
  .e-listview.e-bigger .e-list-header .e-text {
58
51
  font-size: 14px;
59
52
  }
60
-
61
53
  .e-bigger .e-listview .e-text-content.e-checkbox .e-list-text,
62
54
  .e-listview.e-bigger .e-text-content.e-checkbox .e-list-text {
63
55
  width: calc(100% - 40px);
@@ -72,14 +64,12 @@
72
64
  position: relative;
73
65
  width: 100%;
74
66
  }
75
-
76
67
  .e-listview:not(.e-list-template) .e-list-item {
77
68
  height: 36px;
78
69
  line-height: 18px;
79
70
  padding: 7px 9px 7px 12px;
80
71
  position: relative;
81
72
  }
82
-
83
73
  .e-listview .e-list-item {
84
74
  border-bottom: 1px solid;
85
75
  cursor: pointer;
@@ -135,7 +125,6 @@
135
125
  font-weight: 600;
136
126
  padding: 7px 9px 7px 12px;
137
127
  }
138
-
139
128
  .e-listview .e-list-group-item .e-list-text {
140
129
  cursor: default;
141
130
  }
@@ -234,35 +223,28 @@
234
223
  .e-listview.e-rtl {
235
224
  direction: rtl;
236
225
  }
237
-
238
226
  .e-listview.e-rtl .e-list-icon {
239
227
  margin-left: 16px;
240
228
  margin-right: 0;
241
229
  }
242
-
243
230
  .e-listview.e-rtl .e-icon-collapsible {
244
231
  left: 0%;
245
232
  right: initial;
246
233
  top: 50%;
247
234
  transform: translateY(-50%) rotate(180deg);
248
235
  }
249
-
250
236
  .e-listview.e-rtl .e-list-header .e-text {
251
237
  cursor: pointer;
252
238
  }
253
-
254
239
  .e-listview.e-rtl .e-back-button {
255
240
  transform: rotate(180deg);
256
241
  }
257
-
258
242
  .e-listview.e-rtl .e-icon-back {
259
243
  margin-top: 0;
260
244
  }
261
-
262
245
  .e-listview.e-rtl .e-checkbox .e-checkbox-left {
263
246
  margin: -2px 0 0 8px;
264
247
  }
265
-
266
248
  .e-listview.e-rtl .e-checkbox .e-checkbox-right {
267
249
  margin: -2px 8px 0 0;
268
250
  }
@@ -272,7 +254,6 @@
272
254
  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";
273
255
  font-size: 14px;
274
256
  }
275
-
276
257
  .e-listview .e-list-header {
277
258
  background-color: transparent;
278
259
  border-color: #444c54;
@@ -283,11 +264,9 @@
283
264
  .e-listview .e-icons {
284
265
  color: #adb5bd;
285
266
  }
286
-
287
267
  .e-listview .e-icons.e-back-button:hover {
288
268
  color: #dee2e6;
289
269
  }
290
-
291
270
  .e-listview .e-icons.e-back-button:active {
292
271
  color: #f8f9fa;
293
272
  }
@@ -301,8 +280,7 @@
301
280
  color: #fff;
302
281
  }
303
282
 
304
- .e-listview .e-list-item.e-hover,
305
- .e-listview .e-list-item.e-hover.e-active.e-checklist {
283
+ .e-listview .e-list-item.e-hover, .e-listview .e-list-item.e-hover.e-active.e-checklist {
306
284
  background-color: #31373d;
307
285
  border-color: #444c54;
308
286
  color: #fff;
@@ -318,14 +296,12 @@
318
296
  color: #fff;
319
297
  }
320
298
 
321
- .e-listview .e-list-item.e-focused,
322
- .e-listview .e-list-item.e-focused.e-active.e-checklist {
299
+ .e-listview .e-list-item.e-focused, .e-listview .e-list-item.e-focused.e-active.e-checklist {
323
300
  background-color: #0d6efd;
324
301
  color: #fff;
325
302
  }
326
303
 
327
- .e-listview .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
328
- .e-listview .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
304
+ .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 {
329
305
  background-color: #212529;
330
306
  border-color: #212529;
331
307
  color: #0d6efd;
@@ -346,19 +322,15 @@
346
322
  height: inherit;
347
323
  position: relative;
348
324
  }
349
-
350
325
  .e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
351
326
  padding: 10px 16px;
352
327
  }
353
-
354
328
  .e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line).e-list-badge:not(.e-list-avatar) {
355
329
  padding: 0 8px 0 12px;
356
330
  }
357
-
358
331
  .e-listview.e-list-template .e-list-wrapper.e-list-multi-line {
359
332
  padding: 4px;
360
333
  }
361
-
362
334
  .e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
363
335
  color: #fff;
364
336
  display: block;
@@ -371,7 +343,6 @@
371
343
  text-overflow: ellipsis;
372
344
  white-space: nowrap;
373
345
  }
374
-
375
346
  .e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
376
347
  color: #7b848d;
377
348
  display: block;
@@ -382,13 +353,11 @@
382
353
  padding: 2px 0 0 0;
383
354
  word-wrap: break-word;
384
355
  }
385
-
386
356
  .e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow) {
387
357
  overflow: hidden;
388
358
  text-overflow: ellipsis;
389
359
  white-space: nowrap;
390
360
  }
391
-
392
361
  .e-listview.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
393
362
  height: 40px;
394
363
  left: 0;
@@ -397,17 +366,14 @@
397
366
  width: 40px;
398
367
  margin: 7px 16px 7px 12px;
399
368
  }
400
-
401
369
  .e-listview.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
402
370
  padding-left: 68px;
403
371
  padding-right: 16px;
404
372
  }
405
-
406
373
  .e-listview.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
407
374
  padding-left: 16px;
408
375
  padding-right: 68px;
409
376
  }
410
-
411
377
  .e-listview.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
412
378
  height: 40px;
413
379
  position: absolute;
@@ -415,15 +381,12 @@
415
381
  top: 0;
416
382
  width: 40px;
417
383
  }
418
-
419
384
  .e-listview.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar {
420
385
  top: 0;
421
386
  }
422
-
423
387
  .e-listview.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
424
388
  top: 0;
425
389
  }
426
-
427
390
  .e-listview.e-list-template .e-list-wrapper.e-list-badge .e-badge {
428
391
  font-size: 10px;
429
392
  height: 18px;
@@ -436,17 +399,14 @@
436
399
  width: 20px;
437
400
  border-radius: 10px;
438
401
  }
439
-
440
402
  .e-listview.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
441
403
  padding-left: 68px;
442
404
  padding-right: 10px;
443
405
  }
444
-
445
406
  .e-listview.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
446
407
  padding-left: 16px;
447
408
  padding-right: 10px;
448
409
  }
449
-
450
410
  .e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content {
451
411
  display: block;
452
412
  margin: 0;
@@ -457,62 +417,49 @@
457
417
  font-size: 14px;
458
418
  line-height: 18px;
459
419
  }
460
-
461
420
  .e-listview.e-list-template .e-list-item.e-focused .e-list-wrapper.e-list-multi-line .e-list-item-header {
462
421
  color: #fff;
463
422
  }
464
-
465
423
  .e-listview.e-list-template .e-list-item.e-focused .e-list-wrapper.e-list-multi-line .e-list-content {
466
424
  color: #fff;
467
425
  }
468
-
469
426
  .e-listview.e-list-template .e-list-item.e-hover .e-list-item-header {
470
427
  color: #fff;
471
428
  }
472
-
473
429
  .e-listview.e-list-template .e-list-item.e-hover .e-list-content {
474
430
  color: #fff;
475
431
  }
476
-
477
432
  .e-listview.e-list-template .e-list-item.e-active .e-list-item-header {
478
433
  color: #fff;
479
434
  }
480
-
481
435
  .e-listview.e-list-template .e-list-item.e-active .e-list-content {
482
436
  color: #fff;
483
437
  }
484
-
485
438
  .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
486
439
  left: inherit;
487
440
  margin: 7px 12px 7px 16px;
488
441
  right: 0;
489
442
  }
490
-
491
443
  .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
492
444
  padding-left: 16px;
493
445
  padding-right: 68px;
494
446
  }
495
-
496
447
  .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
497
448
  padding-left: 68px;
498
449
  padding-right: 16px;
499
450
  }
500
-
501
451
  .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
502
452
  left: 0;
503
453
  right: inherit;
504
454
  }
505
-
506
455
  .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge {
507
456
  left: 12px;
508
457
  right: inherit;
509
458
  }
510
-
511
459
  .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
512
460
  padding-left: 10px;
513
461
  padding-right: 68px;
514
462
  }
515
-
516
463
  .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
517
464
  padding-left: 10px;
518
465
  padding-right: 16px;
@@ -525,22 +472,19 @@
525
472
  -ms-user-select: none;
526
473
  user-select: none;
527
474
  }
528
-
529
475
  .e-sortable .e-disabled {
530
476
  background-image: none;
531
477
  cursor: default;
532
478
  filter: alpha(Opacity=35);
533
- opacity: .35;
479
+ opacity: 0.35;
534
480
  }
535
-
536
481
  .e-sortable * {
537
482
  box-sizing: border-box;
538
483
  }
539
-
540
484
  .e-sortable *:focus {
541
485
  outline: none;
542
486
  }
543
487
 
544
488
  .e-sortableclone {
545
489
  position: fixed !important;
546
- }
490
+ }
package/styles/bootstrap5.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: 12px;
8
8
  }
9
9
 
@@ -14,25 +14,21 @@
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: 40px;
21
20
  line-height: 21px;
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: 40px;
33
30
  line-height: 20px;
34
31
  }
35
-
36
32
  .e-bigger .e-listview .e-list-header,
37
33
  .e-listview.e-bigger .e-list-header {
38
34
  -ms-flex-align: center;
@@ -42,22 +38,18 @@
42
38
  font-weight: 500;
43
39
  height: 40px;
44
40
  }
45
-
46
41
  .e-bigger .e-listview .e-list-header .e-text.header,
47
42
  .e-listview.e-bigger .e-list-header .e-text.header {
48
43
  display: none;
49
44
  }
50
-
51
45
  .e-bigger .e-listview .e-list-header .e-headertemplate-text.nested-header,
52
46
  .e-listview.e-bigger .e-list-header .e-headertemplate-text.nested-header {
53
47
  display: none;
54
48
  }
55
-
56
49
  .e-bigger .e-listview .e-list-header .e-text,
57
50
  .e-listview.e-bigger .e-list-header .e-text {
58
51
  font-size: 14px;
59
52
  }
60
-
61
53
  .e-bigger .e-listview .e-text-content.e-checkbox .e-list-text,
62
54
  .e-listview.e-bigger .e-text-content.e-checkbox .e-list-text {
63
55
  width: calc(100% - 40px);
@@ -72,14 +64,12 @@
72
64
  position: relative;
73
65
  width: 100%;
74
66
  }
75
-
76
67
  .e-listview:not(.e-list-template) .e-list-item {
77
68
  height: 36px;
78
69
  line-height: 18px;
79
70
  padding: 7px 9px 7px 12px;
80
71
  position: relative;
81
72
  }
82
-
83
73
  .e-listview .e-list-item {
84
74
  border-bottom: 1px solid;
85
75
  cursor: pointer;
@@ -135,7 +125,6 @@
135
125
  font-weight: 600;
136
126
  padding: 7px 9px 7px 12px;
137
127
  }
138
-
139
128
  .e-listview .e-list-group-item .e-list-text {
140
129
  cursor: default;
141
130
  }
@@ -234,35 +223,28 @@
234
223
  .e-listview.e-rtl {
235
224
  direction: rtl;
236
225
  }
237
-
238
226
  .e-listview.e-rtl .e-list-icon {
239
227
  margin-left: 16px;
240
228
  margin-right: 0;
241
229
  }
242
-
243
230
  .e-listview.e-rtl .e-icon-collapsible {
244
231
  left: 0%;
245
232
  right: initial;
246
233
  top: 50%;
247
234
  transform: translateY(-50%) rotate(180deg);
248
235
  }
249
-
250
236
  .e-listview.e-rtl .e-list-header .e-text {
251
237
  cursor: pointer;
252
238
  }
253
-
254
239
  .e-listview.e-rtl .e-back-button {
255
240
  transform: rotate(180deg);
256
241
  }
257
-
258
242
  .e-listview.e-rtl .e-icon-back {
259
243
  margin-top: 0;
260
244
  }
261
-
262
245
  .e-listview.e-rtl .e-checkbox .e-checkbox-left {
263
246
  margin: -2px 0 0 8px;
264
247
  }
265
-
266
248
  .e-listview.e-rtl .e-checkbox .e-checkbox-right {
267
249
  margin: -2px 8px 0 0;
268
250
  }
@@ -272,7 +254,6 @@
272
254
  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";
273
255
  font-size: 14px;
274
256
  }
275
-
276
257
  .e-listview .e-list-header {
277
258
  background-color: transparent;
278
259
  border-color: #dee2e6;
@@ -283,11 +264,9 @@
283
264
  .e-listview .e-icons {
284
265
  color: #6c757d;
285
266
  }
286
-
287
267
  .e-listview .e-icons.e-back-button:hover {
288
268
  color: #343a40;
289
269
  }
290
-
291
270
  .e-listview .e-icons.e-back-button:active {
292
271
  color: #212529;
293
272
  }
@@ -301,8 +280,7 @@
301
280
  color: #212529;
302
281
  }
303
282
 
304
- .e-listview .e-list-item.e-hover,
305
- .e-listview .e-list-item.e-hover.e-active.e-checklist {
283
+ .e-listview .e-list-item.e-hover, .e-listview .e-list-item.e-hover.e-active.e-checklist {
306
284
  background-color: #e9ecef;
307
285
  border-color: #dee2e6;
308
286
  color: #212529;
@@ -318,14 +296,12 @@
318
296
  color: #212529;
319
297
  }
320
298
 
321
- .e-listview .e-list-item.e-focused,
322
- .e-listview .e-list-item.e-focused.e-active.e-checklist {
299
+ .e-listview .e-list-item.e-focused, .e-listview .e-list-item.e-focused.e-active.e-checklist {
323
300
  background-color: #0d6efd;
324
301
  color: #fff;
325
302
  }
326
303
 
327
- .e-listview .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
328
- .e-listview .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
304
+ .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 {
329
305
  background-color: #fff;
330
306
  border-color: #fff;
331
307
  color: #0d6efd;
@@ -346,19 +322,15 @@
346
322
  height: inherit;
347
323
  position: relative;
348
324
  }
349
-
350
325
  .e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
351
326
  padding: 10px 16px;
352
327
  }
353
-
354
328
  .e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line).e-list-badge:not(.e-list-avatar) {
355
329
  padding: 0 8px 0 12px;
356
330
  }
357
-
358
331
  .e-listview.e-list-template .e-list-wrapper.e-list-multi-line {
359
332
  padding: 4px;
360
333
  }
361
-
362
334
  .e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
363
335
  color: #212529;
364
336
  display: block;
@@ -371,7 +343,6 @@
371
343
  text-overflow: ellipsis;
372
344
  white-space: nowrap;
373
345
  }
374
-
375
346
  .e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
376
347
  color: #6c757d;
377
348
  display: block;
@@ -382,13 +353,11 @@
382
353
  padding: 2px 0 0 0;
383
354
  word-wrap: break-word;
384
355
  }
385
-
386
356
  .e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow) {
387
357
  overflow: hidden;
388
358
  text-overflow: ellipsis;
389
359
  white-space: nowrap;
390
360
  }
391
-
392
361
  .e-listview.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
393
362
  height: 40px;
394
363
  left: 0;
@@ -397,17 +366,14 @@
397
366
  width: 40px;
398
367
  margin: 7px 16px 7px 12px;
399
368
  }
400
-
401
369
  .e-listview.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
402
370
  padding-left: 68px;
403
371
  padding-right: 16px;
404
372
  }
405
-
406
373
  .e-listview.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
407
374
  padding-left: 16px;
408
375
  padding-right: 68px;
409
376
  }
410
-
411
377
  .e-listview.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
412
378
  height: 40px;
413
379
  position: absolute;
@@ -415,15 +381,12 @@
415
381
  top: 0;
416
382
  width: 40px;
417
383
  }
418
-
419
384
  .e-listview.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar {
420
385
  top: 0;
421
386
  }
422
-
423
387
  .e-listview.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
424
388
  top: 0;
425
389
  }
426
-
427
390
  .e-listview.e-list-template .e-list-wrapper.e-list-badge .e-badge {
428
391
  font-size: 10px;
429
392
  height: 18px;
@@ -436,17 +399,14 @@
436
399
  width: 20px;
437
400
  border-radius: 10px;
438
401
  }
439
-
440
402
  .e-listview.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
441
403
  padding-left: 68px;
442
404
  padding-right: 10px;
443
405
  }
444
-
445
406
  .e-listview.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
446
407
  padding-left: 16px;
447
408
  padding-right: 10px;
448
409
  }
449
-
450
410
  .e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content {
451
411
  display: block;
452
412
  margin: 0;
@@ -457,62 +417,49 @@
457
417
  font-size: 14px;
458
418
  line-height: 18px;
459
419
  }
460
-
461
420
  .e-listview.e-list-template .e-list-item.e-focused .e-list-wrapper.e-list-multi-line .e-list-item-header {
462
421
  color: #fff;
463
422
  }
464
-
465
423
  .e-listview.e-list-template .e-list-item.e-focused .e-list-wrapper.e-list-multi-line .e-list-content {
466
424
  color: #fff;
467
425
  }
468
-
469
426
  .e-listview.e-list-template .e-list-item.e-hover .e-list-item-header {
470
427
  color: #212529;
471
428
  }
472
-
473
429
  .e-listview.e-list-template .e-list-item.e-hover .e-list-content {
474
430
  color: #212529;
475
431
  }
476
-
477
432
  .e-listview.e-list-template .e-list-item.e-active .e-list-item-header {
478
433
  color: #fff;
479
434
  }
480
-
481
435
  .e-listview.e-list-template .e-list-item.e-active .e-list-content {
482
436
  color: #fff;
483
437
  }
484
-
485
438
  .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
486
439
  left: inherit;
487
440
  margin: 7px 12px 7px 16px;
488
441
  right: 0;
489
442
  }
490
-
491
443
  .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
492
444
  padding-left: 16px;
493
445
  padding-right: 68px;
494
446
  }
495
-
496
447
  .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
497
448
  padding-left: 68px;
498
449
  padding-right: 16px;
499
450
  }
500
-
501
451
  .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
502
452
  left: 0;
503
453
  right: inherit;
504
454
  }
505
-
506
455
  .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge {
507
456
  left: 12px;
508
457
  right: inherit;
509
458
  }
510
-
511
459
  .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
512
460
  padding-left: 10px;
513
461
  padding-right: 68px;
514
462
  }
515
-
516
463
  .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
517
464
  padding-left: 10px;
518
465
  padding-right: 16px;
@@ -525,22 +472,19 @@
525
472
  -ms-user-select: none;
526
473
  user-select: none;
527
474
  }
528
-
529
475
  .e-sortable .e-disabled {
530
476
  background-image: none;
531
477
  cursor: default;
532
478
  filter: alpha(Opacity=35);
533
- opacity: .35;
479
+ opacity: 0.35;
534
480
  }
535
-
536
481
  .e-sortable * {
537
482
  box-sizing: border-box;
538
483
  }
539
-
540
484
  .e-sortable *:focus {
541
485
  outline: none;
542
486
  }
543
487
 
544
488
  .e-sortableclone {
545
489
  position: fixed !important;
546
- }
490
+ }