@syncfusion/ej2-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.
- package/CHANGELOG.md +2 -0
- package/dist/ej2-lists.umd.min.js +1 -1
- package/dist/global/ej2-lists.min.js +1 -1
- package/dist/global/index.d.ts +1 -1
- package/helpers/e2e/index.js +8 -6
- package/helpers/e2e/list-view.js +38 -22
- package/package.json +8 -8
- package/styles/bootstrap-dark.css +7 -59
- package/styles/bootstrap.css +7 -58
- package/styles/bootstrap4.css +7 -66
- package/styles/bootstrap5-dark.css +7 -63
- package/styles/bootstrap5.css +7 -63
- package/styles/fabric-dark.css +7 -59
- package/styles/fabric.css +7 -58
- package/styles/fluent-dark.css +7 -68
- package/styles/fluent.css +7 -68
- package/styles/highcontrast-light.css +7 -59
- package/styles/highcontrast.css +7 -58
- package/styles/list-view/_fusionnew-definition.scss +129 -0
- package/styles/list-view/_material3-definition.scss +129 -0
- package/styles/list-view/bootstrap-dark.css +6 -55
- package/styles/list-view/bootstrap.css +6 -54
- package/styles/list-view/bootstrap4.css +6 -62
- package/styles/list-view/bootstrap5-dark.css +6 -59
- package/styles/list-view/bootstrap5.css +6 -59
- package/styles/list-view/fabric-dark.css +6 -55
- package/styles/list-view/fabric.css +6 -54
- package/styles/list-view/fluent-dark.css +6 -64
- package/styles/list-view/fluent.css +6 -64
- package/styles/list-view/highcontrast-light.css +6 -55
- package/styles/list-view/highcontrast.css +6 -54
- package/styles/list-view/icons/_fusionnew.scss +8 -0
- package/styles/list-view/icons/_material3.scss +8 -0
- package/styles/list-view/material-dark.css +6 -55
- package/styles/list-view/material.css +6 -54
- package/styles/list-view/tailwind-dark.css +5 -81
- package/styles/list-view/tailwind.css +5 -81
- package/styles/material-dark.css +7 -59
- package/styles/material.css +7 -58
- package/styles/sortable/bootstrap-dark.css +2 -5
- package/styles/sortable/bootstrap.css +2 -5
- package/styles/sortable/bootstrap4.css +2 -5
- package/styles/sortable/bootstrap5-dark.css +2 -5
- package/styles/sortable/bootstrap5.css +2 -5
- package/styles/sortable/fabric-dark.css +2 -5
- package/styles/sortable/fabric.css +2 -5
- package/styles/sortable/fluent-dark.css +2 -5
- package/styles/sortable/fluent.css +2 -5
- package/styles/sortable/highcontrast-light.css +2 -5
- package/styles/sortable/highcontrast.css +2 -5
- package/styles/sortable/material-dark.css +2 -5
- package/styles/sortable/material.css +2 -5
- package/styles/sortable/tailwind-dark.css +2 -5
- package/styles/sortable/tailwind.css +2 -5
- package/styles/tailwind-dark.css +6 -85
- package/styles/tailwind.css +6 -85
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
|
|
2
2
|
.e-icon-collapsible::before {
|
|
3
|
-
content:
|
|
3
|
+
content: "\e913";
|
|
4
4
|
}
|
|
5
5
|
|
|
6
6
|
.e-icon-back::before {
|
|
7
|
-
content:
|
|
7
|
+
content: "\e85b";
|
|
8
8
|
}
|
|
9
9
|
|
|
10
10
|
.e-bigger .e-listview .e-list-item,
|
|
@@ -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: 48px;
|
|
21
20
|
line-height: 45px;
|
|
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: 15px;
|
|
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: 48px;
|
|
33
30
|
line-height: 45px;
|
|
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: bold;
|
|
43
39
|
height: 64px;
|
|
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: 20px;
|
|
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: 36px;
|
|
79
70
|
padding: 0 16px;
|
|
80
71
|
position: relative;
|
|
81
72
|
}
|
|
82
|
-
|
|
83
73
|
.e-listview .e-list-item {
|
|
84
74
|
border-bottom: 0 solid;
|
|
85
75
|
cursor: pointer;
|
|
@@ -135,7 +125,6 @@
|
|
|
135
125
|
font-weight: 600;
|
|
136
126
|
padding: 0 16px;
|
|
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: -2px;
|
|
260
244
|
}
|
|
261
|
-
|
|
262
245
|
.e-listview.e-rtl .e-checkbox .e-checkbox-left {
|
|
263
246
|
margin: -2px 0 0 10px;
|
|
264
247
|
}
|
|
265
|
-
|
|
266
248
|
.e-listview.e-rtl .e-checkbox .e-checkbox-right {
|
|
267
249
|
margin: -2px 10px 0 0;
|
|
268
250
|
}
|
|
@@ -272,7 +254,6 @@
|
|
|
272
254
|
font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont";
|
|
273
255
|
font-size: 15px;
|
|
274
256
|
}
|
|
275
|
-
|
|
276
257
|
.e-listview .e-list-header {
|
|
277
258
|
background-color: #fff;
|
|
278
259
|
border-color: rgba(0, 0, 0, 0.12);
|
|
@@ -293,8 +274,7 @@
|
|
|
293
274
|
color: rgba(0, 0, 0, 0.87);
|
|
294
275
|
}
|
|
295
276
|
|
|
296
|
-
.e-listview .e-list-item.e-hover,
|
|
297
|
-
.e-listview .e-list-item.e-hover.e-active.e-checklist {
|
|
277
|
+
.e-listview .e-list-item.e-hover, .e-listview .e-list-item.e-hover.e-active.e-checklist {
|
|
298
278
|
background-color: #eee;
|
|
299
279
|
border-color: transparent;
|
|
300
280
|
color: rgba(0, 0, 0, 0.87);
|
|
@@ -310,14 +290,12 @@
|
|
|
310
290
|
color: rgba(0, 0, 0, 0.87);
|
|
311
291
|
}
|
|
312
292
|
|
|
313
|
-
.e-listview .e-list-item.e-focused,
|
|
314
|
-
.e-listview .e-list-item.e-focused.e-active.e-checklist {
|
|
293
|
+
.e-listview .e-list-item.e-focused, .e-listview .e-list-item.e-focused.e-active.e-checklist {
|
|
315
294
|
background-color: #f5f5f5;
|
|
316
295
|
color: rgba(0, 0, 0, 0.87);
|
|
317
296
|
}
|
|
318
297
|
|
|
319
|
-
.e-listview .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
|
|
320
|
-
.e-listview .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
|
|
298
|
+
.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 {
|
|
321
299
|
background-color: #e3165b;
|
|
322
300
|
border-color: transparent;
|
|
323
301
|
color: #fff;
|
|
@@ -334,15 +312,12 @@
|
|
|
334
312
|
height: inherit;
|
|
335
313
|
position: relative;
|
|
336
314
|
}
|
|
337
|
-
|
|
338
315
|
.e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
|
|
339
316
|
padding: 0.2667em 1.0666em;
|
|
340
317
|
}
|
|
341
|
-
|
|
342
318
|
.e-listview.e-list-template .e-list-wrapper.e-list-multi-line {
|
|
343
319
|
padding: 1.0666em;
|
|
344
320
|
}
|
|
345
|
-
|
|
346
321
|
.e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
|
|
347
322
|
color: rgba(0, 0, 0, 0.87);
|
|
348
323
|
display: block;
|
|
@@ -354,7 +329,6 @@
|
|
|
354
329
|
text-overflow: ellipsis;
|
|
355
330
|
white-space: nowrap;
|
|
356
331
|
}
|
|
357
|
-
|
|
358
332
|
.e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
|
|
359
333
|
color: rgba(0, 0, 0, 0.54);
|
|
360
334
|
display: block;
|
|
@@ -363,13 +337,11 @@
|
|
|
363
337
|
padding: 0.115em 0;
|
|
364
338
|
word-wrap: break-word;
|
|
365
339
|
}
|
|
366
|
-
|
|
367
340
|
.e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow) {
|
|
368
341
|
overflow: hidden;
|
|
369
342
|
text-overflow: ellipsis;
|
|
370
343
|
white-space: nowrap;
|
|
371
344
|
}
|
|
372
|
-
|
|
373
345
|
.e-listview.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
|
|
374
346
|
height: 2.6667em;
|
|
375
347
|
left: 1.0667em;
|
|
@@ -377,17 +349,14 @@
|
|
|
377
349
|
top: 0.2666em;
|
|
378
350
|
width: 2.6667em;
|
|
379
351
|
}
|
|
380
|
-
|
|
381
352
|
.e-listview.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
|
|
382
353
|
padding-left: 4.8em;
|
|
383
354
|
padding-right: 1.0666em;
|
|
384
355
|
}
|
|
385
|
-
|
|
386
356
|
.e-listview.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
|
|
387
357
|
padding-left: 1.0666em;
|
|
388
358
|
padding-right: 4.8em;
|
|
389
359
|
}
|
|
390
|
-
|
|
391
360
|
.e-listview.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
|
|
392
361
|
height: 2.6667em;
|
|
393
362
|
position: absolute;
|
|
@@ -395,15 +364,12 @@
|
|
|
395
364
|
top: 0.2666em;
|
|
396
365
|
width: 2.6667em;
|
|
397
366
|
}
|
|
398
|
-
|
|
399
367
|
.e-listview.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar {
|
|
400
368
|
top: 1.0666em;
|
|
401
369
|
}
|
|
402
|
-
|
|
403
370
|
.e-listview.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
|
|
404
371
|
top: 1.0666em;
|
|
405
372
|
}
|
|
406
|
-
|
|
407
373
|
.e-listview.e-list-template .e-list-wrapper.e-list-badge .e-badge {
|
|
408
374
|
font-size: 12px;
|
|
409
375
|
height: 1.6666em;
|
|
@@ -415,17 +381,14 @@
|
|
|
415
381
|
transform: translateY(-50%);
|
|
416
382
|
width: 2.5em;
|
|
417
383
|
}
|
|
418
|
-
|
|
419
384
|
.e-listview.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
|
|
420
385
|
padding-left: 4.8em;
|
|
421
386
|
padding-right: 4.1333em;
|
|
422
387
|
}
|
|
423
|
-
|
|
424
388
|
.e-listview.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
|
|
425
389
|
padding-left: 1.0666em;
|
|
426
390
|
padding-right: 4.1333em;
|
|
427
391
|
}
|
|
428
|
-
|
|
429
392
|
.e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content {
|
|
430
393
|
display: block;
|
|
431
394
|
margin: 0;
|
|
@@ -434,54 +397,43 @@
|
|
|
434
397
|
text-overflow: ellipsis;
|
|
435
398
|
white-space: nowrap;
|
|
436
399
|
}
|
|
437
|
-
|
|
438
400
|
.e-listview.e-list-template .e-list-item.e-hover .e-list-item-header {
|
|
439
401
|
color: rgba(0, 0, 0, 0.87);
|
|
440
402
|
}
|
|
441
|
-
|
|
442
403
|
.e-listview.e-list-template .e-list-item.e-hover .e-list-content {
|
|
443
404
|
color: rgba(0, 0, 0, 0.87);
|
|
444
405
|
}
|
|
445
|
-
|
|
446
406
|
.e-listview.e-list-template .e-list-item.e-active .e-list-item-header {
|
|
447
407
|
color: rgba(0, 0, 0, 0.87);
|
|
448
408
|
}
|
|
449
|
-
|
|
450
409
|
.e-listview.e-list-template .e-list-item.e-active .e-list-content {
|
|
451
410
|
color: rgba(0, 0, 0, 0.87);
|
|
452
411
|
}
|
|
453
|
-
|
|
454
412
|
.e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
|
|
455
413
|
left: inherit;
|
|
456
414
|
right: 1.0667em;
|
|
457
415
|
}
|
|
458
|
-
|
|
459
416
|
.e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
|
|
460
417
|
padding-left: 1.0666em;
|
|
461
418
|
padding-right: 4.8em;
|
|
462
419
|
}
|
|
463
|
-
|
|
464
420
|
.e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
|
|
465
421
|
padding-left: 4.8em;
|
|
466
422
|
padding-right: 1.0666em;
|
|
467
423
|
}
|
|
468
|
-
|
|
469
424
|
.e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
|
|
470
425
|
left: 1.0667em;
|
|
471
426
|
right: inherit;
|
|
472
427
|
}
|
|
473
|
-
|
|
474
428
|
.e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge {
|
|
475
429
|
left: 1.33em;
|
|
476
430
|
right: inherit;
|
|
477
431
|
}
|
|
478
|
-
|
|
479
432
|
.e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
|
|
480
433
|
padding-left: 4.1333em;
|
|
481
434
|
padding-right: 4.8em;
|
|
482
435
|
}
|
|
483
|
-
|
|
484
436
|
.e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
|
|
485
437
|
padding-left: 4.1333em;
|
|
486
438
|
padding-right: 1.0666em;
|
|
487
|
-
}
|
|
439
|
+
}
|