@syncfusion/ej2-lists 20.2.46 → 20.3.47
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 -10
- package/dist/ej2-lists.min.js +10 -0
- package/dist/ej2-lists.umd.min.js +2 -2
- package/dist/ej2-lists.umd.min.js.map +1 -1
- package/dist/es6/ej2-lists.es2015.js +13 -1
- package/dist/es6/ej2-lists.es2015.js.map +1 -1
- package/dist/es6/ej2-lists.es5.js +13 -1
- package/dist/es6/ej2-lists.es5.js.map +1 -1
- package/dist/global/ej2-lists.min.js +2 -2
- package/dist/global/ej2-lists.min.js.map +1 -1
- package/dist/global/index.d.ts +1 -1
- package/package.json +9 -9
- package/src/list-view/list-view.d.ts +1 -1
- package/src/list-view/list-view.js +13 -1
- package/styles/bootstrap-dark.css +6 -1
- package/styles/bootstrap.css +6 -1
- package/styles/bootstrap4.css +6 -1
- package/styles/bootstrap5-dark.css +6 -1
- package/styles/bootstrap5.css +6 -1
- package/styles/fabric-dark.css +6 -1
- package/styles/fabric.css +6 -1
- package/styles/fluent-dark.css +6 -1
- package/styles/fluent.css +6 -1
- package/styles/highcontrast-light.css +6 -1
- package/styles/highcontrast.css +6 -1
- package/styles/list-view/_all.scss +1 -1
- package/styles/list-view/_bootstrap-dark-definition.scss +2 -0
- package/styles/list-view/_bootstrap-definition.scss +1 -0
- package/styles/list-view/_bootstrap4-definition.scss +1 -0
- package/styles/list-view/_bootstrap5-definition.scss +3 -0
- package/styles/list-view/_fabric-dark-definition.scss +3 -1
- package/styles/list-view/_fabric-definition.scss +1 -0
- package/styles/list-view/_fluent-definition.scss +3 -0
- package/styles/list-view/_fusionnew-definition.scss +3 -0
- package/styles/list-view/_highcontrast-definition.scss +1 -0
- package/styles/list-view/_highcontrast-light-definition.scss +3 -1
- package/styles/list-view/_layout.scss +2 -2
- package/styles/list-view/_material-dark-definition.scss +2 -0
- package/styles/list-view/_material-definition.scss +1 -0
- package/styles/list-view/_material3-definition.scss +3 -0
- package/styles/list-view/_tailwind-definition.scss +3 -0
- package/styles/list-view/bootstrap-dark.css +1 -0
- package/styles/list-view/bootstrap.css +1 -0
- package/styles/list-view/bootstrap4.css +1 -0
- package/styles/list-view/bootstrap5-dark.css +1 -0
- package/styles/list-view/bootstrap5.css +1 -0
- package/styles/list-view/fabric-dark.css +1 -0
- package/styles/list-view/fabric.css +1 -0
- package/styles/list-view/fluent-dark.css +1 -0
- package/styles/list-view/fluent.css +1 -0
- package/styles/list-view/highcontrast-light.css +1 -0
- package/styles/list-view/highcontrast.css +1 -0
- package/styles/list-view/material-dark.css +1 -0
- package/styles/list-view/material.css +1 -0
- package/styles/list-view/tailwind-dark.css +1 -0
- package/styles/list-view/tailwind.css +1 -0
- package/styles/material-dark.css +6 -1
- package/styles/material.css +6 -1
- package/styles/sortable/_bootstrap-dark-definition.scss +1 -0
- package/styles/sortable/_bootstrap-definition.scss +1 -0
- package/styles/sortable/_bootstrap4-definition.scss +1 -0
- package/styles/sortable/_bootstrap5-dark-definition.scss +1 -0
- package/styles/sortable/_bootstrap5-definition.scss +1 -0
- package/styles/sortable/_fabric-dark-definition.scss +1 -0
- package/styles/sortable/_fabric-definition.scss +1 -0
- package/styles/sortable/_fluent-dark-definition.scss +1 -0
- package/styles/sortable/_fluent-definition.scss +1 -0
- package/styles/sortable/_fusionnew-definition.scss +1 -0
- package/styles/sortable/_highcontrast-definition.scss +1 -0
- package/styles/sortable/_highcontrast-light-definition.scss +1 -0
- package/styles/sortable/_layout.scss +2 -2
- package/styles/sortable/_material-dark-definition.scss +1 -0
- package/styles/sortable/_material-definition.scss +1 -0
- package/styles/sortable/_material3-definition.scss +1 -0
- package/styles/sortable/_tailwind-dark-definition.scss +1 -0
- package/styles/sortable/_tailwind-definition.scss +1 -0
- package/styles/sortable/bootstrap-dark.css +5 -1
- package/styles/sortable/bootstrap-dark.scss +1 -0
- package/styles/sortable/bootstrap.css +5 -1
- package/styles/sortable/bootstrap.scss +1 -0
- package/styles/sortable/bootstrap4.css +5 -1
- package/styles/sortable/bootstrap4.scss +1 -0
- package/styles/sortable/bootstrap5-dark.css +5 -1
- package/styles/sortable/bootstrap5-dark.scss +1 -0
- package/styles/sortable/bootstrap5.css +5 -1
- package/styles/sortable/bootstrap5.scss +1 -0
- package/styles/sortable/fabric-dark.css +5 -1
- package/styles/sortable/fabric-dark.scss +1 -0
- package/styles/sortable/fabric.css +5 -1
- package/styles/sortable/fabric.scss +1 -0
- package/styles/sortable/fluent-dark.css +5 -1
- package/styles/sortable/fluent-dark.scss +1 -0
- package/styles/sortable/fluent.css +5 -1
- package/styles/sortable/fluent.scss +1 -0
- package/styles/sortable/highcontrast-light.css +5 -1
- package/styles/sortable/highcontrast-light.scss +1 -0
- package/styles/sortable/highcontrast.css +5 -1
- package/styles/sortable/highcontrast.scss +1 -0
- package/styles/sortable/material-dark.css +5 -1
- package/styles/sortable/material-dark.scss +1 -0
- package/styles/sortable/material.css +5 -1
- package/styles/sortable/material.scss +1 -0
- package/styles/sortable/tailwind-dark.css +5 -1
- package/styles/sortable/tailwind-dark.scss +1 -0
- package/styles/sortable/tailwind.css +5 -1
- package/styles/sortable/tailwind.scss +1 -0
- package/styles/tailwind-dark.css +6 -1
- package/styles/tailwind.css +6 -1
package/dist/global/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* filename: index.d.ts
|
|
3
|
-
* version : 20.
|
|
3
|
+
* version : 20.3.47
|
|
4
4
|
* Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
|
|
5
5
|
* Use of this code is subject to the terms of our license.
|
|
6
6
|
* A copy of the current license can be obtained at any time by e-mailing
|
package/package.json
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"_from": "@syncfusion/ej2-lists@*",
|
|
3
|
-
"_id": "@syncfusion/ej2-lists@
|
|
3
|
+
"_id": "@syncfusion/ej2-lists@18.14.2",
|
|
4
4
|
"_inBundle": false,
|
|
5
|
-
"_integrity": "sha512-
|
|
5
|
+
"_integrity": "sha512-opQgDlB5/GeavhngkM1f5UCK1KnnQ+pN/7lEVVV77EHEFl+t6NYqbvHPgz/VgG8RQaoaGeb/+exgjNC/D1rAtg==",
|
|
6
6
|
"_location": "/@syncfusion/ej2-lists",
|
|
7
7
|
"_phantomChildren": {},
|
|
8
8
|
"_requested": {
|
|
@@ -34,8 +34,8 @@
|
|
|
34
34
|
"/@syncfusion/ej2-schedule",
|
|
35
35
|
"/@syncfusion/ej2-vue-lists"
|
|
36
36
|
],
|
|
37
|
-
"_resolved": "http://nexus.syncfusion.com/repository/ej2-
|
|
38
|
-
"_shasum": "
|
|
37
|
+
"_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-lists/-/ej2-lists-18.14.2.tgz",
|
|
38
|
+
"_shasum": "219bced6a1b9cb7518f55a780809f96fa5abd8d5",
|
|
39
39
|
"_spec": "@syncfusion/ej2-lists@*",
|
|
40
40
|
"_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
|
|
41
41
|
"author": {
|
|
@@ -43,14 +43,14 @@
|
|
|
43
43
|
},
|
|
44
44
|
"bundleDependencies": false,
|
|
45
45
|
"dependencies": {
|
|
46
|
-
"@syncfusion/ej2-base": "~20.
|
|
47
|
-
"@syncfusion/ej2-buttons": "~20.
|
|
48
|
-
"@syncfusion/ej2-data": "~20.
|
|
46
|
+
"@syncfusion/ej2-base": "~20.3.47",
|
|
47
|
+
"@syncfusion/ej2-buttons": "~20.3.47",
|
|
48
|
+
"@syncfusion/ej2-data": "~20.3.47"
|
|
49
49
|
},
|
|
50
50
|
"deprecated": false,
|
|
51
51
|
"description": "The listview control allows you to select an item or multiple items from a list-like interface and represents the data in interactive hierarchical structure across different layouts or views.",
|
|
52
52
|
"devDependencies": {},
|
|
53
|
-
"es2015": "./dist/es6/ej2-lists.
|
|
53
|
+
"es2015": "./dist/es6/ej2-lists.es5.js",
|
|
54
54
|
"keywords": [
|
|
55
55
|
"ej2",
|
|
56
56
|
"Syncfusion",
|
|
@@ -85,6 +85,6 @@
|
|
|
85
85
|
"url": "https://github.com/syncfusion/ej2-javascript-ui-controls/tree/master/controls/lists"
|
|
86
86
|
},
|
|
87
87
|
"typings": "index.d.ts",
|
|
88
|
-
"version": "20.
|
|
88
|
+
"version": "20.3.47",
|
|
89
89
|
"sideEffects": false
|
|
90
90
|
}
|
|
@@ -756,7 +756,7 @@ export interface SelectEventArgs extends BaseEventArgs, SelectedItem {
|
|
|
756
756
|
*/
|
|
757
757
|
isChecked?: boolean;
|
|
758
758
|
/**
|
|
759
|
-
* Cancels the item selection if the value is true
|
|
759
|
+
* Cancels the item selection if the value is true
|
|
760
760
|
*/
|
|
761
761
|
cancel: boolean;
|
|
762
762
|
}
|
|
@@ -902,7 +902,13 @@ var ListView = /** @class */ (function (_super) {
|
|
|
902
902
|
this.back();
|
|
903
903
|
break;
|
|
904
904
|
case 32:
|
|
905
|
-
|
|
905
|
+
var textAreaFocus = void 0;
|
|
906
|
+
if (!isNullOrUndefined(this.curUL)) {
|
|
907
|
+
textAreaFocus = this.curUL.querySelector('textarea') || this.curUL.querySelector('input');
|
|
908
|
+
}
|
|
909
|
+
if (isNullOrUndefined(textAreaFocus) || !(textAreaFocus.classList.contains('e-focused'))) {
|
|
910
|
+
this.spaceKeyHandler(e);
|
|
911
|
+
}
|
|
906
912
|
break;
|
|
907
913
|
}
|
|
908
914
|
};
|
|
@@ -984,7 +990,13 @@ var ListView = /** @class */ (function (_super) {
|
|
|
984
990
|
if (this.curUL.querySelector('.' + classNames.focused)) {
|
|
985
991
|
this.curUL.querySelector('.' + classNames.focused).classList.remove(classNames.focused);
|
|
986
992
|
}
|
|
993
|
+
var textAreaFocus = li.querySelector('textarea') || li.querySelector('input');
|
|
987
994
|
li.classList.add(classNames.focused);
|
|
995
|
+
if (!isNullOrUndefined(e)) {
|
|
996
|
+
if (e.target === textAreaFocus) {
|
|
997
|
+
textAreaFocus.classList.add('e-focused');
|
|
998
|
+
}
|
|
999
|
+
}
|
|
988
1000
|
var checkboxElement = li.querySelector('.' + classNames.checkboxWrapper);
|
|
989
1001
|
var checkIcon = checkboxElement.querySelector('.' + classNames.checkboxIcon + '.' + classNames.icon);
|
|
990
1002
|
this.removeHover();
|
|
@@ -6,6 +6,7 @@
|
|
|
6
6
|
font-size: 14px;
|
|
7
7
|
}
|
|
8
8
|
|
|
9
|
+
/* stylelint-disable property-no-vendor-prefix */
|
|
9
10
|
.e-bigger .e-listview .e-list-item,
|
|
10
11
|
.e-listview.e-bigger .e-list-item {
|
|
11
12
|
border-bottom: 1px solid #414141;
|
|
@@ -437,6 +438,7 @@
|
|
|
437
438
|
padding-right: 1.0714em;
|
|
438
439
|
}
|
|
439
440
|
|
|
441
|
+
/* stylelint-disable-line no-empty-source */
|
|
440
442
|
.e-sortable {
|
|
441
443
|
outline: none;
|
|
442
444
|
position: relative;
|
|
@@ -457,6 +459,9 @@
|
|
|
457
459
|
outline: none;
|
|
458
460
|
}
|
|
459
461
|
|
|
462
|
+
/* stylelint-disable */
|
|
460
463
|
.e-sortableclone {
|
|
461
464
|
position: fixed !important;
|
|
462
|
-
}
|
|
465
|
+
}
|
|
466
|
+
|
|
467
|
+
/* stylelint-enable */
|
package/styles/bootstrap.css
CHANGED
|
@@ -7,6 +7,7 @@
|
|
|
7
7
|
font-size: 14px;
|
|
8
8
|
}
|
|
9
9
|
|
|
10
|
+
/* stylelint-disable property-no-vendor-prefix */
|
|
10
11
|
.e-bigger .e-listview .e-list-item,
|
|
11
12
|
.e-listview.e-bigger .e-list-item {
|
|
12
13
|
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
|
|
@@ -438,6 +439,7 @@
|
|
|
438
439
|
padding-right: 1.0714em;
|
|
439
440
|
}
|
|
440
441
|
|
|
442
|
+
/* stylelint-disable-line no-empty-source */
|
|
441
443
|
.e-sortable {
|
|
442
444
|
outline: none;
|
|
443
445
|
position: relative;
|
|
@@ -458,6 +460,9 @@
|
|
|
458
460
|
outline: none;
|
|
459
461
|
}
|
|
460
462
|
|
|
463
|
+
/* stylelint-disable */
|
|
461
464
|
.e-sortableclone {
|
|
462
465
|
position: fixed !important;
|
|
463
|
-
}
|
|
466
|
+
}
|
|
467
|
+
|
|
468
|
+
/* stylelint-enable */
|
package/styles/bootstrap4.css
CHANGED
|
@@ -7,6 +7,7 @@
|
|
|
7
7
|
font-size: 14px;
|
|
8
8
|
}
|
|
9
9
|
|
|
10
|
+
/* stylelint-disable property-no-vendor-prefix */
|
|
10
11
|
.e-bigger .e-listview,
|
|
11
12
|
.e-listview.e-bigger {
|
|
12
13
|
font-size: 16px;
|
|
@@ -481,6 +482,7 @@
|
|
|
481
482
|
padding-right: 1.0714em;
|
|
482
483
|
}
|
|
483
484
|
|
|
485
|
+
/* stylelint-disable-line no-empty-source */
|
|
484
486
|
.e-sortable {
|
|
485
487
|
outline: none;
|
|
486
488
|
position: relative;
|
|
@@ -501,6 +503,9 @@
|
|
|
501
503
|
outline: none;
|
|
502
504
|
}
|
|
503
505
|
|
|
506
|
+
/* stylelint-disable */
|
|
504
507
|
.e-sortableclone {
|
|
505
508
|
position: fixed !important;
|
|
506
|
-
}
|
|
509
|
+
}
|
|
510
|
+
|
|
511
|
+
/* stylelint-enable */
|
|
@@ -7,6 +7,7 @@
|
|
|
7
7
|
font-size: 12px;
|
|
8
8
|
}
|
|
9
9
|
|
|
10
|
+
/* stylelint-disable property-no-vendor-prefix */
|
|
10
11
|
.e-bigger .e-listview .e-list-item,
|
|
11
12
|
.e-listview.e-bigger .e-list-item {
|
|
12
13
|
border-bottom: 1px solid #444c54;
|
|
@@ -465,6 +466,7 @@
|
|
|
465
466
|
padding-right: 16px;
|
|
466
467
|
}
|
|
467
468
|
|
|
469
|
+
/* stylelint-disable-line no-empty-source */
|
|
468
470
|
.e-sortable {
|
|
469
471
|
outline: none;
|
|
470
472
|
position: relative;
|
|
@@ -485,6 +487,9 @@
|
|
|
485
487
|
outline: none;
|
|
486
488
|
}
|
|
487
489
|
|
|
490
|
+
/* stylelint-disable */
|
|
488
491
|
.e-sortableclone {
|
|
489
492
|
position: fixed !important;
|
|
490
|
-
}
|
|
493
|
+
}
|
|
494
|
+
|
|
495
|
+
/* stylelint-enable */
|
package/styles/bootstrap5.css
CHANGED
|
@@ -7,6 +7,7 @@
|
|
|
7
7
|
font-size: 12px;
|
|
8
8
|
}
|
|
9
9
|
|
|
10
|
+
/* stylelint-disable property-no-vendor-prefix */
|
|
10
11
|
.e-bigger .e-listview .e-list-item,
|
|
11
12
|
.e-listview.e-bigger .e-list-item {
|
|
12
13
|
border-bottom: 1px solid #dee2e6;
|
|
@@ -465,6 +466,7 @@
|
|
|
465
466
|
padding-right: 16px;
|
|
466
467
|
}
|
|
467
468
|
|
|
469
|
+
/* stylelint-disable-line no-empty-source */
|
|
468
470
|
.e-sortable {
|
|
469
471
|
outline: none;
|
|
470
472
|
position: relative;
|
|
@@ -485,6 +487,9 @@
|
|
|
485
487
|
outline: none;
|
|
486
488
|
}
|
|
487
489
|
|
|
490
|
+
/* stylelint-disable */
|
|
488
491
|
.e-sortableclone {
|
|
489
492
|
position: fixed !important;
|
|
490
|
-
}
|
|
493
|
+
}
|
|
494
|
+
|
|
495
|
+
/* stylelint-enable */
|
package/styles/fabric-dark.css
CHANGED
|
@@ -6,6 +6,7 @@
|
|
|
6
6
|
font-size: 18px;
|
|
7
7
|
}
|
|
8
8
|
|
|
9
|
+
/* stylelint-disable property-no-vendor-prefix */
|
|
9
10
|
.e-bigger .e-listview .e-list-item,
|
|
10
11
|
.e-listview.e-bigger .e-list-item {
|
|
11
12
|
border-bottom: 0 solid transparent;
|
|
@@ -437,6 +438,7 @@
|
|
|
437
438
|
padding-right: 0.923em;
|
|
438
439
|
}
|
|
439
440
|
|
|
441
|
+
/* stylelint-disable-line no-empty-source */
|
|
440
442
|
.e-sortable {
|
|
441
443
|
outline: none;
|
|
442
444
|
position: relative;
|
|
@@ -457,6 +459,9 @@
|
|
|
457
459
|
outline: none;
|
|
458
460
|
}
|
|
459
461
|
|
|
462
|
+
/* stylelint-disable */
|
|
460
463
|
.e-sortableclone {
|
|
461
464
|
position: fixed !important;
|
|
462
|
-
}
|
|
465
|
+
}
|
|
466
|
+
|
|
467
|
+
/* stylelint-enable */
|
package/styles/fabric.css
CHANGED
|
@@ -7,6 +7,7 @@
|
|
|
7
7
|
font-size: 18px;
|
|
8
8
|
}
|
|
9
9
|
|
|
10
|
+
/* stylelint-disable property-no-vendor-prefix */
|
|
10
11
|
.e-bigger .e-listview .e-list-item,
|
|
11
12
|
.e-listview.e-bigger .e-list-item {
|
|
12
13
|
border-bottom: 0 solid transparent;
|
|
@@ -438,6 +439,7 @@
|
|
|
438
439
|
padding-right: 0.923em;
|
|
439
440
|
}
|
|
440
441
|
|
|
442
|
+
/* stylelint-disable-line no-empty-source */
|
|
441
443
|
.e-sortable {
|
|
442
444
|
outline: none;
|
|
443
445
|
position: relative;
|
|
@@ -458,6 +460,9 @@
|
|
|
458
460
|
outline: none;
|
|
459
461
|
}
|
|
460
462
|
|
|
463
|
+
/* stylelint-disable */
|
|
461
464
|
.e-sortableclone {
|
|
462
465
|
position: fixed !important;
|
|
463
|
-
}
|
|
466
|
+
}
|
|
467
|
+
|
|
468
|
+
/* stylelint-enable */
|
package/styles/fluent-dark.css
CHANGED
|
@@ -7,6 +7,7 @@
|
|
|
7
7
|
font-size: 14px;
|
|
8
8
|
}
|
|
9
9
|
|
|
10
|
+
/* stylelint-disable property-no-vendor-prefix */
|
|
10
11
|
.e-bigger .e-listview .e-list-item,
|
|
11
12
|
.e-listview.e-bigger .e-list-item {
|
|
12
13
|
border-bottom: 0 solid #292827;
|
|
@@ -494,6 +495,7 @@
|
|
|
494
495
|
padding-right: 16px;
|
|
495
496
|
}
|
|
496
497
|
|
|
498
|
+
/* stylelint-disable-line no-empty-source */
|
|
497
499
|
.e-sortable {
|
|
498
500
|
outline: none;
|
|
499
501
|
position: relative;
|
|
@@ -514,6 +516,9 @@
|
|
|
514
516
|
outline: none;
|
|
515
517
|
}
|
|
516
518
|
|
|
519
|
+
/* stylelint-disable */
|
|
517
520
|
.e-sortableclone {
|
|
518
521
|
position: fixed !important;
|
|
519
|
-
}
|
|
522
|
+
}
|
|
523
|
+
|
|
524
|
+
/* stylelint-enable */
|
package/styles/fluent.css
CHANGED
|
@@ -7,6 +7,7 @@
|
|
|
7
7
|
font-size: 14px;
|
|
8
8
|
}
|
|
9
9
|
|
|
10
|
+
/* stylelint-disable property-no-vendor-prefix */
|
|
10
11
|
.e-bigger .e-listview .e-list-item,
|
|
11
12
|
.e-listview.e-bigger .e-list-item {
|
|
12
13
|
border-bottom: 0 solid #edebe9;
|
|
@@ -494,6 +495,7 @@
|
|
|
494
495
|
padding-right: 16px;
|
|
495
496
|
}
|
|
496
497
|
|
|
498
|
+
/* stylelint-disable-line no-empty-source */
|
|
497
499
|
.e-sortable {
|
|
498
500
|
outline: none;
|
|
499
501
|
position: relative;
|
|
@@ -514,6 +516,9 @@
|
|
|
514
516
|
outline: none;
|
|
515
517
|
}
|
|
516
518
|
|
|
519
|
+
/* stylelint-disable */
|
|
517
520
|
.e-sortableclone {
|
|
518
521
|
position: fixed !important;
|
|
519
|
-
}
|
|
522
|
+
}
|
|
523
|
+
|
|
524
|
+
/* stylelint-enable */
|
|
@@ -6,6 +6,7 @@
|
|
|
6
6
|
font-size: 18px;
|
|
7
7
|
}
|
|
8
8
|
|
|
9
|
+
/* stylelint-disable property-no-vendor-prefix */
|
|
9
10
|
.e-bigger .e-listview .e-list-item,
|
|
10
11
|
.e-listview.e-bigger .e-list-item {
|
|
11
12
|
border-bottom: 2px solid transparent;
|
|
@@ -437,6 +438,7 @@
|
|
|
437
438
|
padding-right: 0.923em;
|
|
438
439
|
}
|
|
439
440
|
|
|
441
|
+
/* stylelint-disable-line no-empty-source */
|
|
440
442
|
.e-sortable {
|
|
441
443
|
outline: none;
|
|
442
444
|
position: relative;
|
|
@@ -457,6 +459,9 @@
|
|
|
457
459
|
outline: none;
|
|
458
460
|
}
|
|
459
461
|
|
|
462
|
+
/* stylelint-disable */
|
|
460
463
|
.e-sortableclone {
|
|
461
464
|
position: fixed !important;
|
|
462
|
-
}
|
|
465
|
+
}
|
|
466
|
+
|
|
467
|
+
/* stylelint-enable */
|
package/styles/highcontrast.css
CHANGED
|
@@ -7,6 +7,7 @@
|
|
|
7
7
|
font-size: 18px;
|
|
8
8
|
}
|
|
9
9
|
|
|
10
|
+
/* stylelint-disable property-no-vendor-prefix */
|
|
10
11
|
.e-bigger .e-listview .e-list-item,
|
|
11
12
|
.e-listview.e-bigger .e-list-item {
|
|
12
13
|
border-bottom: 2px solid transparent;
|
|
@@ -438,6 +439,7 @@
|
|
|
438
439
|
padding-right: 0.923em;
|
|
439
440
|
}
|
|
440
441
|
|
|
442
|
+
/* stylelint-disable-line no-empty-source */
|
|
441
443
|
.e-sortable {
|
|
442
444
|
outline: none;
|
|
443
445
|
position: relative;
|
|
@@ -458,6 +460,9 @@
|
|
|
458
460
|
outline: none;
|
|
459
461
|
}
|
|
460
462
|
|
|
463
|
+
/* stylelint-disable */
|
|
461
464
|
.e-sortableclone {
|
|
462
465
|
position: fixed !important;
|
|
463
|
-
}
|
|
466
|
+
}
|
|
467
|
+
|
|
468
|
+
/* stylelint-enable */
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
@import 'layout.scss';
|
|
2
2
|
@import 'theme.scss';
|
|
@@ -78,6 +78,7 @@ $listview-checkbox-left-margin: -4px 10px 0 0 !default;
|
|
|
78
78
|
$listview-checkbox-right-margin: -4px 0 0 10px !default;
|
|
79
79
|
$listview-rtl-checkbox-left-margin: -4px 0 0 10px !default;
|
|
80
80
|
$listview-rtl-checkbox-right-margin: -4px 10px 0 0 !default;
|
|
81
|
+
|
|
81
82
|
//ListView In-built template variables
|
|
82
83
|
$listview-template-padding: .7142em 1.0714em !default;
|
|
83
84
|
$listview-template-avatar-padding-right: 1.0714em !default;
|
|
@@ -106,4 +107,5 @@ $listview-template-multiline-header-font-size: 18px !default;
|
|
|
106
107
|
$listview-template-multiline-padding: .7142em 1.0714em !default;
|
|
107
108
|
$listview-template-multiline-content-font-size: 14px !default;
|
|
108
109
|
$listview-template-multiline-avatar-top: .7142em !default;
|
|
110
|
+
|
|
109
111
|
//enddefault
|
|
@@ -73,6 +73,7 @@ $listview-checkbox-left-margin: -4px 10px 0 0 !default;
|
|
|
73
73
|
$listview-checkbox-right-margin: -4px 0 0 10px !default;
|
|
74
74
|
$listview-rtl-checkbox-left-margin: -4px 0 0 10px !default;
|
|
75
75
|
$listview-rtl-checkbox-right-margin: -4px 10px 0 0 !default;
|
|
76
|
+
|
|
76
77
|
//ListView In-built template variables
|
|
77
78
|
$listview-template-padding: .7142em 1.0714em !default;
|
|
78
79
|
$listview-template-avatar-padding-right: 1.0714em !default;
|
|
@@ -76,6 +76,7 @@ $listview-checkbox-left-margin: 0 10px 0 0 !default;
|
|
|
76
76
|
$listview-checkbox-right-margin: 0 0 0 10px !default;
|
|
77
77
|
$listview-rtl-checkbox-left-margin: 0 0 0 10px !default;
|
|
78
78
|
$listview-rtl-checkbox-right-margin: 0 10px 0 0 !default;
|
|
79
|
+
|
|
79
80
|
//ListView In-built template variables
|
|
80
81
|
$listview-template-padding: .7142em 1.0714em !default;
|
|
81
82
|
$listview-template-avatar-padding-right: 1.0714em !default;
|
|
@@ -50,6 +50,7 @@ $listview-checkbox-right-margin: -2px 0 0 8px !default;
|
|
|
50
50
|
$listview-checkbox-left-margin: 0 8px 0 0 !default;
|
|
51
51
|
$listview-rtl-checkbox-left-margin: -2px 0 0 8px !default;
|
|
52
52
|
$listview-rtl-checkbox-right-margin: -2px 8px 0 0 !default;
|
|
53
|
+
|
|
53
54
|
//ListView In-built template variables
|
|
54
55
|
$listview-template-padding: 10px 16px !default;
|
|
55
56
|
$listview-template-avatar-padding-right: 16px !default;
|
|
@@ -88,6 +89,7 @@ $listview-touch-template-badge-height: 20px !default;
|
|
|
88
89
|
$listview-touch-template-badge-width: 34px !default;
|
|
89
90
|
$listview-touch-template-badge-line-height: 18px !default;
|
|
90
91
|
$listview-touch-template-badge-font-size: $text-xs !default;
|
|
92
|
+
|
|
91
93
|
//color
|
|
92
94
|
$listview-font-family: $font-family !default;
|
|
93
95
|
$listview-text-color: $content-text-color !default;
|
|
@@ -123,6 +125,7 @@ $listview-icon-pressed: $icon-color-pressed !default;
|
|
|
123
125
|
$checkmark-bgcolor: $content-bg-color !default;
|
|
124
126
|
$checkmark-border-color: $content-bg-color !default;
|
|
125
127
|
$checkmark-color: $primary !default;
|
|
128
|
+
|
|
126
129
|
//ListView In-built template variables
|
|
127
130
|
$listview-template-multiline-header-color: $content-text-color !default;
|
|
128
131
|
$listview-template-multiline-content-color: $content-text-color-alt3 !default;
|
|
@@ -78,6 +78,7 @@ $listview-checkbox-right-margin: -2px 0 0 10px !default;
|
|
|
78
78
|
$listview-checkbox-left-margin: -2px 10px 0 0 !default;
|
|
79
79
|
$listview-rtl-checkbox-left-margin: -2px 0 0 10px !default;
|
|
80
80
|
$listview-rtl-checkbox-right-margin: -2px 10px 0 0 !default;
|
|
81
|
+
|
|
81
82
|
//ListView In-built template variables
|
|
82
83
|
$listview-template-padding: .6153em .923em !default;
|
|
83
84
|
$listview-template-avatar-padding-right: .923em !default;
|
|
@@ -103,7 +104,8 @@ $listview-template-multiline-content-color: $neutral-secondary !default;
|
|
|
103
104
|
$listview-template-multiline-header-padding: .093em 0 !default;
|
|
104
105
|
$listview-template-multiline-content-padding: .093em 0 !default;
|
|
105
106
|
$listview-template-multiline-header-font-size: 13px !default;
|
|
106
|
-
$listview-template-multiline-padding: .6153em .923em !default
|
|
107
|
+
$listview-template-multiline-padding: .6153em .923em !default;
|
|
107
108
|
$listview-template-multiline-content-font-size: 13px !default;
|
|
108
109
|
$listview-template-multiline-avatar-top: .6153em !default;
|
|
110
|
+
|
|
109
111
|
//enddefault
|
|
@@ -73,6 +73,7 @@ $listview-checkbox-right-margin: -2px 0 0 10px !default;
|
|
|
73
73
|
$listview-checkbox-left-margin: -2px 10px 0 0 !default;
|
|
74
74
|
$listview-rtl-checkbox-left-margin: -2px 0 0 10px !default;
|
|
75
75
|
$listview-rtl-checkbox-right-margin: -2px 10px 0 0 !default;
|
|
76
|
+
|
|
76
77
|
//ListView In-built template variables
|
|
77
78
|
$listview-template-padding: .6153em .923em !default;
|
|
78
79
|
$listview-template-avatar-padding-right: .923em !default;
|
|
@@ -51,6 +51,7 @@ $listview-checkbox-right-margin: -2px 0 0 8px !default;
|
|
|
51
51
|
$listview-checkbox-left-margin: -2px 10px 0 0 !default;
|
|
52
52
|
$listview-rtl-checkbox-left-margin: 0 3px 3px 12px !default;
|
|
53
53
|
$listview-rtl-checkbox-right-margin: -2px 8px 0 0 !default;
|
|
54
|
+
|
|
54
55
|
//ListView In-built template variables
|
|
55
56
|
$listview-template-touch-font-size: $text-base !default;
|
|
56
57
|
$listview-template-padding: 10px 16px !default;
|
|
@@ -94,6 +95,7 @@ $listview-touch-template-badge-height: 20px !default;
|
|
|
94
95
|
$listview-touch-template-badge-width: 34px !default;
|
|
95
96
|
$listview-touch-template-badge-line-height: 18px !default;
|
|
96
97
|
$listview-touch-template-badge-font-size: $text-xs !default;
|
|
98
|
+
|
|
97
99
|
//color
|
|
98
100
|
$listview-font-family: $font-family !default;
|
|
99
101
|
$listview-text-color: $content-text-color !default;
|
|
@@ -129,6 +131,7 @@ $listview-icon-pressed: $icon-color-pressed !default;
|
|
|
129
131
|
$checkmark-bgcolor: $content-bg-color !default;
|
|
130
132
|
$checkmark-border-color: $content-bg-color !default;
|
|
131
133
|
$checkmark-color: $primary !default;
|
|
134
|
+
|
|
132
135
|
//ListView In-built template variables
|
|
133
136
|
$listview-template-multiline-header-color: $content-text-color !default;
|
|
134
137
|
$listview-template-multiline-content-color: $content-text-color-alt3 !default;
|
|
@@ -50,6 +50,7 @@ $listview-checkbox-right-margin: -2px 0 0 8px !default;
|
|
|
50
50
|
$listview-checkbox-left-margin: 0 8px 0 0 !default;
|
|
51
51
|
$listview-rtl-checkbox-left-margin: -2px 0 0 8px !default;
|
|
52
52
|
$listview-rtl-checkbox-right-margin: -2px 8px 0 0 !default;
|
|
53
|
+
|
|
53
54
|
//ListView In-built template variables
|
|
54
55
|
$listview-template-padding: 10px 16px !default;
|
|
55
56
|
$listview-template-avatar-padding-right: 16px !default;
|
|
@@ -88,6 +89,7 @@ $listview-touch-template-badge-height: 20px !default;
|
|
|
88
89
|
$listview-touch-template-badge-width: 34px !default;
|
|
89
90
|
$listview-touch-template-badge-line-height: 18px !default;
|
|
90
91
|
$listview-touch-template-badge-font-size: $text-xs !default;
|
|
92
|
+
|
|
91
93
|
//color
|
|
92
94
|
$listview-font-family: $font-family !default;
|
|
93
95
|
$listview-text-color: $content-text-color !default;
|
|
@@ -123,6 +125,7 @@ $listview-icon-pressed: $icon-color-pressed !default;
|
|
|
123
125
|
$checkmark-bgcolor: $content-bg-color !default;
|
|
124
126
|
$checkmark-border-color: $content-bg-color !default;
|
|
125
127
|
$checkmark-color: $primary !default;
|
|
128
|
+
|
|
126
129
|
//ListView In-built template variables
|
|
127
130
|
$listview-template-multiline-header-color: $content-text-color !default;
|
|
128
131
|
$listview-template-multiline-content-color: $content-text-color-alt3 !default;
|
|
@@ -73,6 +73,7 @@ $listview-checkbox-right-margin: -2px 0 0 10px !default;
|
|
|
73
73
|
$listview-checkbox-left-margin: -2px 10px 0 0 !default;
|
|
74
74
|
$listview-rtl-checkbox-left-margin: -2px 0 0 10px !default;
|
|
75
75
|
$listview-rtl-checkbox-right-margin: -2px 10px 0 0 !default;
|
|
76
|
+
|
|
76
77
|
//ListView In-built template variables
|
|
77
78
|
$listview-template-padding: .6153em .923em !default;
|
|
78
79
|
$listview-template-avatar-padding-right: .923em !default;
|
|
@@ -78,6 +78,7 @@ $listview-checkbox-right-margin: -2px 0 0 10px !default;
|
|
|
78
78
|
$listview-checkbox-left-margin: -2px 10px 0 0 !default;
|
|
79
79
|
$listview-rtl-checkbox-left-margin: -2px 0 0 10px !default;
|
|
80
80
|
$listview-rtl-checkbox-right-margin: -2px 10px 0 0 !default;
|
|
81
|
+
|
|
81
82
|
//ListView In-built template variables
|
|
82
83
|
$listview-template-padding: .6153em .923em !default;
|
|
83
84
|
$listview-template-avatar-padding-right: .923em !default;
|
|
@@ -103,7 +104,8 @@ $listview-template-multiline-content-color: $content-font !default;
|
|
|
103
104
|
$listview-template-multiline-header-padding: .093em 0 !default;
|
|
104
105
|
$listview-template-multiline-content-padding: .093em 0 !default;
|
|
105
106
|
$listview-template-multiline-header-font-size: 13px !default;
|
|
106
|
-
$listview-template-multiline-padding: .6153em .923em !default
|
|
107
|
+
$listview-template-multiline-padding: .6153em .923em !default;
|
|
107
108
|
$listview-template-multiline-content-font-size: 13px !default;
|
|
108
109
|
$listview-template-multiline-avatar-top: .6153em !default;
|
|
110
|
+
|
|
109
111
|
//enddefault
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
@include export-module('listview-layout') {
|
|
2
|
-
|
|
2
|
+
/* stylelint-disable property-no-vendor-prefix */
|
|
3
3
|
.e-bigger #{&}.e-listview,
|
|
4
4
|
#{&}.e-listview.e-bigger {
|
|
5
5
|
@if ($skin-name == 'bootstrap4') {
|
|
@@ -270,8 +270,8 @@
|
|
|
270
270
|
@else {
|
|
271
271
|
& .e-text-content.e-checkbox .e-list-text {
|
|
272
272
|
width: calc(100% - 40px);
|
|
273
|
-
}
|
|
274
273
|
}
|
|
274
|
+
}
|
|
275
275
|
@if ($skin-name == 'FluentUI') {
|
|
276
276
|
&.e-list-template {
|
|
277
277
|
.e-list-wrapper {
|
|
@@ -78,6 +78,7 @@ $listview-checkbox-right-margin: -2px 0 0 10px !default;
|
|
|
78
78
|
$listview-checkbox-left-margin: -2px 10px 0 0 !default;
|
|
79
79
|
$listview-rtl-checkbox-left-margin: -2px 0 0 10px !default;
|
|
80
80
|
$listview-rtl-checkbox-right-margin: -2px 10px 0 0 !default;
|
|
81
|
+
|
|
81
82
|
//ListView In-built template variables
|
|
82
83
|
$listview-template-padding: .2667em 1.0666em !default;
|
|
83
84
|
$listview-template-avatar-padding-right: 1.0666em !default;
|
|
@@ -106,4 +107,5 @@ $listview-template-multiline-header-font-size: 15px !default;
|
|
|
106
107
|
$listview-template-multiline-padding: 1.0666em !default;
|
|
107
108
|
$listview-template-multiline-content-font-size: 13px !default;
|
|
108
109
|
$listview-template-multiline-avatar-top: 1.0666em !default;
|
|
110
|
+
|
|
109
111
|
//enddefault
|
|
@@ -73,6 +73,7 @@ $listview-checkbox-right-margin: -2px 0 0 10px !default;
|
|
|
73
73
|
$listview-checkbox-left-margin: -2px 10px 0 0 !default;
|
|
74
74
|
$listview-rtl-checkbox-left-margin: -2px 0 0 10px !default;
|
|
75
75
|
$listview-rtl-checkbox-right-margin: -2px 10px 0 0 !default;
|
|
76
|
+
|
|
76
77
|
//ListView In-built template variables
|
|
77
78
|
$listview-template-padding: .2667em 1.0666em !default;
|
|
78
79
|
$listview-template-avatar-padding-right: 1.0666em !default;
|
|
@@ -50,6 +50,7 @@ $listview-checkbox-right-margin: -2px 0 0 8px !default;
|
|
|
50
50
|
$listview-checkbox-left-margin: 0 8px 0 0 !default;
|
|
51
51
|
$listview-rtl-checkbox-left-margin: -2px 0 0 8px !default;
|
|
52
52
|
$listview-rtl-checkbox-right-margin: -2px 8px 0 0 !default;
|
|
53
|
+
|
|
53
54
|
//ListView In-built template variables
|
|
54
55
|
$listview-template-padding: 10px 16px !default;
|
|
55
56
|
$listview-template-avatar-padding-right: 16px !default;
|
|
@@ -88,6 +89,7 @@ $listview-touch-template-badge-height: 20px !default;
|
|
|
88
89
|
$listview-touch-template-badge-width: 34px !default;
|
|
89
90
|
$listview-touch-template-badge-line-height: 18px !default;
|
|
90
91
|
$listview-touch-template-badge-font-size: $text-xs !default;
|
|
92
|
+
|
|
91
93
|
//color
|
|
92
94
|
$listview-font-family: $font-family !default;
|
|
93
95
|
$listview-text-color: $content-text-color !default;
|
|
@@ -123,6 +125,7 @@ $listview-icon-pressed: $icon-color-pressed !default;
|
|
|
123
125
|
$checkmark-bgcolor: $content-bg-color !default;
|
|
124
126
|
$checkmark-border-color: $content-bg-color !default;
|
|
125
127
|
$checkmark-color: $primary !default;
|
|
128
|
+
|
|
126
129
|
//ListView In-built template variables
|
|
127
130
|
$listview-template-multiline-header-color: $content-text-color !default;
|
|
128
131
|
$listview-template-multiline-content-color: $content-text-color-alt3 !default;
|
|
@@ -51,6 +51,7 @@ $listview-checkbox-right-margin: -2px 0 0 8px !default;
|
|
|
51
51
|
$listview-checkbox-left-margin: -2px 8px 0 0 !default;
|
|
52
52
|
$listview-rtl-checkbox-left-margin: -2px 0 0 8px !default;
|
|
53
53
|
$listview-rtl-checkbox-right-margin: -2px 8px 0 0 !default;
|
|
54
|
+
|
|
54
55
|
//ListView In-built template variables
|
|
55
56
|
$listview-template-padding: 8px 16px !default;
|
|
56
57
|
$listview-template-avatar-padding-right: 16px !default;
|
|
@@ -89,6 +90,7 @@ $listview-touch-template-badge-height: 20px !default;
|
|
|
89
90
|
$listview-touch-template-badge-width: 34px !default;
|
|
90
91
|
$listview-touch-template-badge-line-height: 18px !default;
|
|
91
92
|
$listview-touch-template-badge-font-size: $text-xs !default;
|
|
93
|
+
|
|
92
94
|
//color
|
|
93
95
|
$listview-font-family: $font-family !default;
|
|
94
96
|
$listview-text-color: $content-text-color !default;
|
|
@@ -116,6 +118,7 @@ $listview-border-left-color: transparent !default;
|
|
|
116
118
|
$listview-groupheader-text-color: $content-text-color-alt2 !default;
|
|
117
119
|
$listview-groupheader-bg: $content-bg-color-alt2 !default;
|
|
118
120
|
$listview-groupheader-icon: $icon-color !default;
|
|
121
|
+
|
|
119
122
|
//ListView In-built template variables
|
|
120
123
|
$listview-template-multiline-header-color: $content-text-color !default;
|
|
121
124
|
$listview-template-multiline-content-color: $content-text-color-alt2 !default;
|