@syncfusion/ej2-vue-lists 19.4.55 → 20.2.36
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 +0 -2
- package/dist/ej2-vue-lists.umd.min.js +11 -2
- package/dist/es6/ej2-vue-lists.es2015.js +16 -2
- package/dist/es6/ej2-vue-lists.es2015.js.map +1 -1
- package/dist/es6/ej2-vue-lists.es5.js +10 -1
- package/dist/es6/ej2-vue-lists.es5.js.map +1 -1
- package/dist/global/ej2-vue-lists.min.js +2 -2
- package/package.json +8 -8
- package/src/list-view/listview.component.d.ts +1 -0
- package/src/list-view/listview.component.js +10 -1
- package/styles/bootstrap-dark.css +21 -60
- package/styles/bootstrap.css +21 -59
- package/styles/bootstrap4.css +23 -69
- package/styles/bootstrap5-dark.css +30 -73
- package/styles/bootstrap5.css +30 -73
- package/styles/fabric-dark.css +21 -60
- package/styles/fabric.css +21 -59
- package/styles/fluent-dark.css +519 -0
- package/styles/fluent-dark.scss +2 -0
- package/styles/fluent.css +519 -0
- package/styles/fluent.scss +2 -0
- package/styles/highcontrast-light.css +21 -60
- package/styles/highcontrast.css +21 -59
- package/styles/list-view/bootstrap-dark.css +20 -56
- package/styles/list-view/bootstrap.css +20 -55
- package/styles/list-view/bootstrap4.css +22 -65
- package/styles/list-view/bootstrap5-dark.css +29 -69
- package/styles/list-view/bootstrap5.css +29 -69
- package/styles/list-view/fabric-dark.css +20 -56
- package/styles/list-view/fabric.css +20 -55
- package/styles/list-view/fluent-dark.css +495 -0
- package/styles/list-view/fluent-dark.scss +1 -0
- package/styles/list-view/fluent.css +495 -0
- package/styles/list-view/fluent.scss +1 -0
- package/styles/list-view/highcontrast-light.css +20 -56
- package/styles/list-view/highcontrast.css +20 -55
- package/styles/list-view/material-dark.css +20 -56
- package/styles/list-view/material.css +20 -55
- package/styles/list-view/tailwind-dark.css +32 -95
- package/styles/list-view/tailwind.css +32 -95
- package/styles/material-dark.css +21 -60
- package/styles/material.css +21 -59
- 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 +23 -0
- package/styles/sortable/fluent-dark.scss +1 -0
- package/styles/sortable/fluent.css +23 -0
- package/styles/sortable/fluent.scss +1 -0
- 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 +33 -99
- package/styles/tailwind.css +33 -99
package/styles/bootstrap4.css
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
.e-icon-collapsible::before {
|
|
2
|
-
content:
|
|
2
|
+
content: "\e70b";
|
|
3
3
|
}
|
|
4
4
|
|
|
5
5
|
.e-icon-back::before {
|
|
6
|
-
content:
|
|
6
|
+
content: "\e728";
|
|
7
7
|
font-size: 14px;
|
|
8
8
|
}
|
|
9
9
|
|
|
@@ -11,7 +11,6 @@
|
|
|
11
11
|
.e-listview.e-bigger {
|
|
12
12
|
font-size: 16px;
|
|
13
13
|
}
|
|
14
|
-
|
|
15
14
|
.e-bigger .e-listview .e-list-item,
|
|
16
15
|
.e-listview.e-bigger .e-list-item {
|
|
17
16
|
border-bottom: 1px solid rgba(0, 0, 0, 0.13);
|
|
@@ -19,7 +18,6 @@
|
|
|
19
18
|
border-right: 0 solid rgba(0, 0, 0, 0.13);
|
|
20
19
|
border-top: 0 solid transparent;
|
|
21
20
|
}
|
|
22
|
-
|
|
23
21
|
.e-bigger .e-listview:not(.e-list-template) .e-list-item,
|
|
24
22
|
.e-listview.e-bigger:not(.e-list-template) .e-list-item {
|
|
25
23
|
height: 50px;
|
|
@@ -27,12 +25,10 @@
|
|
|
27
25
|
position: relative;
|
|
28
26
|
padding: 12px 20px;
|
|
29
27
|
}
|
|
30
|
-
|
|
31
28
|
.e-bigger .e-listview .e-text-content,
|
|
32
29
|
.e-listview.e-bigger .e-text-content {
|
|
33
30
|
font-size: 16px;
|
|
34
31
|
}
|
|
35
|
-
|
|
36
32
|
.e-bigger .e-listview .e-list-group-item,
|
|
37
33
|
.e-listview.e-bigger .e-list-group-item {
|
|
38
34
|
height: 50px;
|
|
@@ -40,7 +36,6 @@
|
|
|
40
36
|
font-size: 16px;
|
|
41
37
|
padding: 12px 20px;
|
|
42
38
|
}
|
|
43
|
-
|
|
44
39
|
.e-bigger .e-listview .e-list-header,
|
|
45
40
|
.e-listview.e-bigger .e-list-header {
|
|
46
41
|
-ms-flex-align: center;
|
|
@@ -53,57 +48,51 @@
|
|
|
53
48
|
line-height: 1.2;
|
|
54
49
|
padding: 0 0 0 20px;
|
|
55
50
|
}
|
|
56
|
-
|
|
57
51
|
.e-bigger .e-listview .e-list-header .e-text.header,
|
|
58
52
|
.e-listview.e-bigger .e-list-header .e-text.header {
|
|
59
53
|
display: none;
|
|
60
54
|
}
|
|
61
|
-
|
|
62
55
|
.e-bigger .e-listview .e-list-header .e-headertemplate-text.nested-header,
|
|
63
56
|
.e-listview.e-bigger .e-list-header .e-headertemplate-text.nested-header {
|
|
64
57
|
display: none;
|
|
65
58
|
}
|
|
66
|
-
|
|
67
59
|
.e-bigger .e-listview .e-list-header .e-text,
|
|
68
60
|
.e-listview.e-bigger .e-list-header .e-text {
|
|
69
61
|
font-size: 20px;
|
|
70
62
|
}
|
|
71
|
-
|
|
72
|
-
.e-
|
|
73
|
-
.e-listview.e-bigger .e-but-back {
|
|
63
|
+
.e-bigger .e-listview .e-back-button,
|
|
64
|
+
.e-listview.e-bigger .e-back-button {
|
|
74
65
|
margin-top: -3px;
|
|
75
66
|
padding-right: 12px;
|
|
76
67
|
}
|
|
77
|
-
|
|
78
68
|
.e-bigger .e-listview .e-list-icon,
|
|
79
69
|
.e-listview.e-bigger .e-list-icon {
|
|
80
70
|
margin-right: 12px;
|
|
81
71
|
}
|
|
82
|
-
|
|
83
72
|
.e-bigger .e-listview .e-icon-collapsible,
|
|
84
73
|
.e-listview.e-bigger .e-icon-collapsible {
|
|
85
74
|
font-size: 12px;
|
|
86
75
|
}
|
|
87
|
-
|
|
88
76
|
.e-bigger .e-listview .e-listview-checkbox.e-checkbox-left,
|
|
89
77
|
.e-listview.e-bigger .e-listview-checkbox.e-checkbox-left {
|
|
90
78
|
margin: 0 12px 0 0;
|
|
91
79
|
}
|
|
92
|
-
|
|
93
80
|
.e-bigger .e-listview .e-listview-checkbox.e-checkbox-right,
|
|
94
81
|
.e-listview.e-bigger .e-listview-checkbox.e-checkbox-right {
|
|
95
82
|
margin: 0 0 0 12px;
|
|
96
83
|
}
|
|
97
|
-
|
|
98
84
|
.e-bigger .e-listview.e-rtl .e-listview-checkbox.e-checkbox-right,
|
|
99
85
|
.e-listview.e-bigger.e-rtl .e-listview-checkbox.e-checkbox-right {
|
|
100
86
|
margin: 0 12px 0 0;
|
|
101
87
|
}
|
|
102
|
-
|
|
103
88
|
.e-bigger .e-listview.e-rtl .e-listview-checkbox.e-checkbox-left,
|
|
104
89
|
.e-listview.e-bigger.e-rtl .e-listview-checkbox.e-checkbox-left {
|
|
105
90
|
margin: 0 0 0 12px;
|
|
106
91
|
}
|
|
92
|
+
.e-bigger .e-listview .e-text-content.e-checkbox .e-list-text,
|
|
93
|
+
.e-listview.e-bigger .e-text-content.e-checkbox .e-list-text {
|
|
94
|
+
width: calc(100% - 40px);
|
|
95
|
+
}
|
|
107
96
|
|
|
108
97
|
.e-listview {
|
|
109
98
|
-webkit-overflow-scrolling: touch;
|
|
@@ -114,14 +103,12 @@
|
|
|
114
103
|
position: relative;
|
|
115
104
|
width: 100%;
|
|
116
105
|
}
|
|
117
|
-
|
|
118
106
|
.e-listview:not(.e-list-template) .e-list-item {
|
|
119
107
|
height: 40px;
|
|
120
108
|
line-height: 1.5;
|
|
121
109
|
padding: 8px 16px 8px 16px;
|
|
122
110
|
position: relative;
|
|
123
111
|
}
|
|
124
|
-
|
|
125
112
|
.e-listview .e-list-item {
|
|
126
113
|
border-bottom: 1px solid;
|
|
127
114
|
cursor: pointer;
|
|
@@ -159,7 +146,7 @@
|
|
|
159
146
|
top: 45px;
|
|
160
147
|
}
|
|
161
148
|
|
|
162
|
-
.e-listview .e-
|
|
149
|
+
.e-listview .e-back-button {
|
|
163
150
|
cursor: pointer;
|
|
164
151
|
padding-right: 10px;
|
|
165
152
|
}
|
|
@@ -177,6 +164,9 @@
|
|
|
177
164
|
font-weight: 600;
|
|
178
165
|
padding: 8px 16px 8px 16px;
|
|
179
166
|
}
|
|
167
|
+
.e-listview .e-list-group-item .e-list-text {
|
|
168
|
+
cursor: default;
|
|
169
|
+
}
|
|
180
170
|
|
|
181
171
|
.e-listview .e-icon-collapsible {
|
|
182
172
|
cursor: pointer;
|
|
@@ -255,8 +245,12 @@
|
|
|
255
245
|
position: relative;
|
|
256
246
|
}
|
|
257
247
|
|
|
258
|
-
.e-listview .e-list-header .e-text {
|
|
248
|
+
.e-listview .e-list-header.e-list-navigation .e-text {
|
|
259
249
|
cursor: pointer;
|
|
250
|
+
}
|
|
251
|
+
|
|
252
|
+
.e-listview .e-list-header .e-text {
|
|
253
|
+
cursor: default;
|
|
260
254
|
text-indent: 0;
|
|
261
255
|
}
|
|
262
256
|
|
|
@@ -268,35 +262,28 @@
|
|
|
268
262
|
.e-listview.e-rtl {
|
|
269
263
|
direction: rtl;
|
|
270
264
|
}
|
|
271
|
-
|
|
272
265
|
.e-listview.e-rtl .e-list-icon {
|
|
273
266
|
margin-left: 16px;
|
|
274
267
|
margin-right: 0;
|
|
275
268
|
}
|
|
276
|
-
|
|
277
269
|
.e-listview.e-rtl .e-icon-collapsible {
|
|
278
270
|
left: 0%;
|
|
279
271
|
right: initial;
|
|
280
272
|
top: 50%;
|
|
281
273
|
transform: translateY(-50%) rotate(180deg);
|
|
282
274
|
}
|
|
283
|
-
|
|
284
275
|
.e-listview.e-rtl .e-list-header .e-text {
|
|
285
276
|
cursor: pointer;
|
|
286
277
|
}
|
|
287
|
-
|
|
288
|
-
.e-listview.e-rtl .e-but-back {
|
|
278
|
+
.e-listview.e-rtl .e-back-button {
|
|
289
279
|
transform: rotate(180deg);
|
|
290
280
|
}
|
|
291
|
-
|
|
292
281
|
.e-listview.e-rtl .e-icon-back {
|
|
293
282
|
margin-top: 0;
|
|
294
283
|
}
|
|
295
|
-
|
|
296
284
|
.e-listview.e-rtl .e-checkbox .e-checkbox-left {
|
|
297
285
|
margin: 0 0 0 10px;
|
|
298
286
|
}
|
|
299
|
-
|
|
300
287
|
.e-listview.e-rtl .e-checkbox .e-checkbox-right {
|
|
301
288
|
margin: 0 10px 0 0;
|
|
302
289
|
}
|
|
@@ -306,7 +293,6 @@
|
|
|
306
293
|
font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
|
|
307
294
|
font-size: 14px;
|
|
308
295
|
}
|
|
309
|
-
|
|
310
296
|
.e-listview .e-list-header {
|
|
311
297
|
background-color: #fff;
|
|
312
298
|
border-color: rgba(0, 0, 0, 0.13);
|
|
@@ -327,8 +313,7 @@
|
|
|
327
313
|
color: #212529;
|
|
328
314
|
}
|
|
329
315
|
|
|
330
|
-
.e-listview .e-list-item.e-hover,
|
|
331
|
-
.e-listview .e-list-item.e-hover.e-active.e-checklist {
|
|
316
|
+
.e-listview .e-list-item.e-hover, .e-listview .e-list-item.e-hover.e-active.e-checklist {
|
|
332
317
|
background-color: #e9ecef;
|
|
333
318
|
border-color: transparent;
|
|
334
319
|
color: #212529;
|
|
@@ -344,14 +329,12 @@
|
|
|
344
329
|
color: #212529;
|
|
345
330
|
}
|
|
346
331
|
|
|
347
|
-
.e-listview .e-list-item.e-focused,
|
|
348
|
-
.e-listview .e-list-item.e-focused.e-active.e-checklist {
|
|
332
|
+
.e-listview .e-list-item.e-focused, .e-listview .e-list-item.e-focused.e-active.e-checklist {
|
|
349
333
|
background-color: #007bff;
|
|
350
334
|
color: #fff;
|
|
351
335
|
}
|
|
352
336
|
|
|
353
|
-
.e-listview .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
|
|
354
|
-
.e-listview .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
|
|
337
|
+
.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 {
|
|
355
338
|
background-color: #fff;
|
|
356
339
|
border-color: #fff;
|
|
357
340
|
color: #007bff;
|
|
@@ -372,15 +355,12 @@
|
|
|
372
355
|
height: inherit;
|
|
373
356
|
position: relative;
|
|
374
357
|
}
|
|
375
|
-
|
|
376
358
|
.e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
|
|
377
359
|
padding: 0.7142em 1.0714em;
|
|
378
360
|
}
|
|
379
|
-
|
|
380
361
|
.e-listview.e-list-template .e-list-wrapper.e-list-multi-line {
|
|
381
362
|
padding: 0.7142em 1.0714em;
|
|
382
363
|
}
|
|
383
|
-
|
|
384
364
|
.e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
|
|
385
365
|
color: #212529;
|
|
386
366
|
display: block;
|
|
@@ -392,7 +372,6 @@
|
|
|
392
372
|
text-overflow: ellipsis;
|
|
393
373
|
white-space: nowrap;
|
|
394
374
|
}
|
|
395
|
-
|
|
396
375
|
.e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
|
|
397
376
|
color: #212529;
|
|
398
377
|
display: block;
|
|
@@ -401,13 +380,11 @@
|
|
|
401
380
|
padding: 0.038em 0;
|
|
402
381
|
word-wrap: break-word;
|
|
403
382
|
}
|
|
404
|
-
|
|
405
383
|
.e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow) {
|
|
406
384
|
overflow: hidden;
|
|
407
385
|
text-overflow: ellipsis;
|
|
408
386
|
white-space: nowrap;
|
|
409
387
|
}
|
|
410
|
-
|
|
411
388
|
.e-listview.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
|
|
412
389
|
height: 2.8571em;
|
|
413
390
|
left: 1.0667em;
|
|
@@ -415,17 +392,14 @@
|
|
|
415
392
|
top: 0.7142em;
|
|
416
393
|
width: 2.8571em;
|
|
417
394
|
}
|
|
418
|
-
|
|
419
395
|
.e-listview.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
|
|
420
396
|
padding-left: 4.6428em;
|
|
421
397
|
padding-right: 1.0714em;
|
|
422
398
|
}
|
|
423
|
-
|
|
424
399
|
.e-listview.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
|
|
425
400
|
padding-left: 1.0714em;
|
|
426
401
|
padding-right: 4.6428em;
|
|
427
402
|
}
|
|
428
|
-
|
|
429
403
|
.e-listview.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
|
|
430
404
|
height: 2.8571em;
|
|
431
405
|
position: absolute;
|
|
@@ -433,15 +407,12 @@
|
|
|
433
407
|
top: 0.7142em;
|
|
434
408
|
width: 2.8571em;
|
|
435
409
|
}
|
|
436
|
-
|
|
437
410
|
.e-listview.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar {
|
|
438
411
|
top: 0.7142em;
|
|
439
412
|
}
|
|
440
|
-
|
|
441
413
|
.e-listview.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
|
|
442
414
|
top: 0.7142em;
|
|
443
415
|
}
|
|
444
|
-
|
|
445
416
|
.e-listview.e-list-template .e-list-wrapper.e-list-badge .e-badge {
|
|
446
417
|
font-size: 15px;
|
|
447
418
|
height: 1.333em;
|
|
@@ -453,17 +424,14 @@
|
|
|
453
424
|
transform: translateY(-50%);
|
|
454
425
|
width: 2em;
|
|
455
426
|
}
|
|
456
|
-
|
|
457
427
|
.e-listview.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
|
|
458
428
|
padding-left: 4.6428em;
|
|
459
429
|
padding-right: 3.9285em;
|
|
460
430
|
}
|
|
461
|
-
|
|
462
431
|
.e-listview.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
|
|
463
432
|
padding-left: 1.0714em;
|
|
464
433
|
padding-right: 3.9285em;
|
|
465
434
|
}
|
|
466
|
-
|
|
467
435
|
.e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content {
|
|
468
436
|
display: block;
|
|
469
437
|
margin: 0;
|
|
@@ -472,53 +440,42 @@
|
|
|
472
440
|
text-overflow: ellipsis;
|
|
473
441
|
white-space: nowrap;
|
|
474
442
|
}
|
|
475
|
-
|
|
476
443
|
.e-listview.e-list-template .e-list-item.e-hover .e-list-item-header {
|
|
477
444
|
color: #212529;
|
|
478
445
|
}
|
|
479
|
-
|
|
480
446
|
.e-listview.e-list-template .e-list-item.e-hover .e-list-content {
|
|
481
447
|
color: #212529;
|
|
482
448
|
}
|
|
483
|
-
|
|
484
449
|
.e-listview.e-list-template .e-list-item.e-active .e-list-item-header {
|
|
485
450
|
color: #fff;
|
|
486
451
|
}
|
|
487
|
-
|
|
488
452
|
.e-listview.e-list-template .e-list-item.e-active .e-list-content {
|
|
489
453
|
color: #fff;
|
|
490
454
|
}
|
|
491
|
-
|
|
492
455
|
.e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
|
|
493
456
|
left: inherit;
|
|
494
457
|
right: 1.0667em;
|
|
495
458
|
}
|
|
496
|
-
|
|
497
459
|
.e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
|
|
498
460
|
padding-left: 1.0714em;
|
|
499
461
|
padding-right: 4.6428em;
|
|
500
462
|
}
|
|
501
|
-
|
|
502
463
|
.e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
|
|
503
464
|
padding-left: 4.6428em;
|
|
504
465
|
padding-right: 1.0714em;
|
|
505
466
|
}
|
|
506
|
-
|
|
507
467
|
.e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
|
|
508
468
|
left: 1.0667em;
|
|
509
469
|
right: inherit;
|
|
510
470
|
}
|
|
511
|
-
|
|
512
471
|
.e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge {
|
|
513
472
|
left: 1em;
|
|
514
473
|
right: inherit;
|
|
515
474
|
}
|
|
516
|
-
|
|
517
475
|
.e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
|
|
518
476
|
padding-left: 3.9285em;
|
|
519
477
|
padding-right: 4.6428em;
|
|
520
478
|
}
|
|
521
|
-
|
|
522
479
|
.e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
|
|
523
480
|
padding-left: 3.9285em;
|
|
524
481
|
padding-right: 1.0714em;
|
|
@@ -531,22 +488,19 @@
|
|
|
531
488
|
-ms-user-select: none;
|
|
532
489
|
user-select: none;
|
|
533
490
|
}
|
|
534
|
-
|
|
535
491
|
.e-sortable .e-disabled {
|
|
536
492
|
background-image: none;
|
|
537
493
|
cursor: default;
|
|
538
494
|
filter: alpha(Opacity=35);
|
|
539
|
-
opacity: .35;
|
|
495
|
+
opacity: 0.35;
|
|
540
496
|
}
|
|
541
|
-
|
|
542
497
|
.e-sortable * {
|
|
543
498
|
box-sizing: border-box;
|
|
544
499
|
}
|
|
545
|
-
|
|
546
500
|
.e-sortable *:focus {
|
|
547
501
|
outline: none;
|
|
548
502
|
}
|
|
549
503
|
|
|
550
504
|
.e-sortableclone {
|
|
551
505
|
position: fixed !important;
|
|
552
|
-
}
|
|
506
|
+
}
|