@syncfusion/ej2-dropdowns 18.2.44-4568 → 18.2.44-4569
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/.eslintrc.json +244 -0
- package/CHANGELOG.md +1524 -1524
- package/README.md +118 -118
- package/dist/ej2-dropdowns.umd.min.js +1 -1
- package/dist/ej2-dropdowns.umd.min.js.map +1 -1
- package/dist/es6/ej2-dropdowns.es2015.js +99 -60
- package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
- package/dist/es6/ej2-dropdowns.es5.js +191 -151
- package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
- package/dist/global/ej2-dropdowns.min.js +1 -1
- package/dist/global/ej2-dropdowns.min.js.map +1 -1
- package/dist/ts/auto-complete/auto-complete.ts +527 -0
- package/dist/ts/combo-box/combo-box.ts +957 -0
- package/dist/ts/common/highlight-search.ts +47 -0
- package/dist/ts/common/incremental-search.ts +81 -0
- package/dist/ts/drop-down-base/drop-down-base.ts +1572 -0
- package/dist/ts/drop-down-list/drop-down-list.ts +2993 -0
- package/dist/ts/drop-down-tree/drop-down-tree.ts +3066 -0
- package/dist/ts/list-box/list-box.ts +2317 -0
- package/dist/ts/multi-select/checkbox-selection.ts +528 -0
- package/dist/ts/multi-select/float-label.ts +155 -0
- package/dist/ts/multi-select/interface.ts +66 -0
- package/dist/ts/multi-select/multi-select.ts +4216 -0
- package/helpers/e2e/index.js +3 -3
- package/license +2 -2
- package/package.json +77 -78
- package/src/auto-complete/auto-complete-model.d.ts +179 -179
- package/src/auto-complete/auto-complete.js +19 -19
- package/src/combo-box/combo-box-model.d.ts +212 -212
- package/src/combo-box/combo-box.js +19 -19
- package/src/drop-down-base/drop-down-base-model.d.ts +191 -191
- package/src/drop-down-base/drop-down-base.js +19 -19
- package/src/drop-down-list/drop-down-list-model.d.ts +222 -222
- package/src/drop-down-list/drop-down-list.js +19 -19
- package/src/drop-down-tree/drop-down-tree-model.d.ts +344 -344
- package/src/drop-down-tree/drop-down-tree.js +19 -19
- package/src/list-box/list-box-model.d.ts +156 -156
- package/src/list-box/list-box.js +19 -19
- package/src/multi-select/multi-select-model.d.ts +452 -452
- package/src/multi-select/multi-select.d.ts +2 -0
- package/src/multi-select/multi-select.js +73 -36
- package/styles/_all.scss +3 -3
- package/styles/auto-complete/_bootstrap-dark-definition.scss +3 -3
- package/styles/auto-complete/_bootstrap4-definition.scss +11 -11
- package/styles/auto-complete/_fabric-dark-definition.scss +2 -2
- package/styles/auto-complete/_highcontrast-light-definition.scss +2 -2
- package/styles/auto-complete/_material-dark-definition.scss +2 -2
- package/styles/bootstrap-dark.css +13 -16
- package/styles/bootstrap.css +12 -15
- package/styles/bootstrap4.css +6 -10
- package/styles/combo-box/_bootstrap-dark-definition.scss +2 -2
- package/styles/combo-box/_bootstrap4-definition.scss +11 -11
- package/styles/combo-box/_fabric-dark-definition.scss +2 -2
- package/styles/combo-box/_highcontrast-light-definition.scss +3 -3
- package/styles/combo-box/_material-dark-definition.scss +2 -2
- package/styles/drop-down-base/_all.scss +2 -2
- package/styles/drop-down-base/_bootstrap-dark-definition.scss +64 -64
- package/styles/drop-down-base/_bootstrap-definition.scss +64 -64
- package/styles/drop-down-base/_bootstrap4-definition.scss +78 -78
- package/styles/drop-down-base/_definition.scss +23 -23
- package/styles/drop-down-base/_fabric-dark-definition.scss +68 -68
- package/styles/drop-down-base/_fabric-definition.scss +66 -66
- package/styles/drop-down-base/_highcontrast-definition.scss +82 -82
- package/styles/drop-down-base/_highcontrast-light-definition.scss +81 -81
- package/styles/drop-down-base/_layout.scss +108 -108
- package/styles/drop-down-base/_material-dark-definition.scss +67 -67
- package/styles/drop-down-base/_material-definition.scss +65 -65
- package/styles/drop-down-base/_theme.scss +242 -242
- package/styles/drop-down-list/_all.scss +2 -2
- package/styles/drop-down-list/_bootstrap-dark-definition.scss +157 -157
- package/styles/drop-down-list/_bootstrap-definition.scss +156 -156
- package/styles/drop-down-list/_bootstrap4-definition.scss +184 -184
- package/styles/drop-down-list/_fabric-dark-definition.scss +127 -127
- package/styles/drop-down-list/_fabric-definition.scss +122 -122
- package/styles/drop-down-list/_highcontrast-definition.scss +131 -131
- package/styles/drop-down-list/_highcontrast-light-definition.scss +133 -133
- package/styles/drop-down-list/_layout.scss +218 -218
- package/styles/drop-down-list/_material-dark-definition.scss +143 -143
- package/styles/drop-down-list/_material-definition.scss +166 -166
- package/styles/drop-down-list/_theme.scss +10 -10
- package/styles/drop-down-list/icons/_bootstrap-dark.scss +14 -14
- package/styles/drop-down-list/icons/_bootstrap.scss +14 -14
- package/styles/drop-down-list/icons/_bootstrap4.scss +14 -14
- package/styles/drop-down-list/icons/_fabric-dark.scss +14 -14
- package/styles/drop-down-list/icons/_fabric.scss +14 -14
- package/styles/drop-down-list/icons/_highcontrast-light.scss +14 -14
- package/styles/drop-down-list/icons/_highcontrast.scss +14 -14
- package/styles/drop-down-list/icons/_material-dark.scss +14 -14
- package/styles/drop-down-list/icons/_material.scss +14 -14
- package/styles/drop-down-list/material.css +9 -0
- package/styles/drop-down-tree/_all.scss +2 -2
- package/styles/drop-down-tree/_bootstrap-dark-definition.scss +61 -61
- package/styles/drop-down-tree/_bootstrap-definition.scss +61 -61
- package/styles/drop-down-tree/_bootstrap4-definition.scss +62 -62
- package/styles/drop-down-tree/_fabric-dark-definition.scss +62 -62
- package/styles/drop-down-tree/_fabric-definition.scss +62 -62
- package/styles/drop-down-tree/_highcontrast-definition.scss +62 -62
- package/styles/drop-down-tree/_highcontrast-light-definition.scss +62 -62
- package/styles/drop-down-tree/_layout.scss +437 -437
- package/styles/drop-down-tree/_material-dark-definition.scss +60 -60
- package/styles/drop-down-tree/_material-definition.scss +60 -60
- package/styles/drop-down-tree/_theme.scss +68 -68
- package/styles/drop-down-tree/icons/_bootstrap-dark.scss +11 -11
- package/styles/drop-down-tree/icons/_bootstrap.scss +11 -11
- package/styles/drop-down-tree/icons/_bootstrap4.scss +11 -11
- package/styles/drop-down-tree/icons/_fabric-dark.scss +11 -11
- package/styles/drop-down-tree/icons/_fabric.scss +11 -11
- package/styles/drop-down-tree/icons/_highcontrast-light.scss +11 -11
- package/styles/drop-down-tree/icons/_highcontrast.scss +11 -11
- package/styles/drop-down-tree/icons/_material-dark.scss +11 -11
- package/styles/drop-down-tree/icons/_material.scss +11 -11
- package/styles/drop-down-tree/material.css +9 -0
- package/styles/fabric-dark.css +2 -5
- package/styles/fabric.css +1 -4
- package/styles/highcontrast-light.css +2 -5
- package/styles/highcontrast.css +2 -7
- package/styles/list-box/_all.scss +2 -2
- package/styles/list-box/_bootstrap-dark-definition.scss +118 -118
- package/styles/list-box/_bootstrap-definition.scss +112 -112
- package/styles/list-box/_bootstrap4-definition.scss +118 -118
- package/styles/list-box/_fabric-dark-definition.scss +118 -118
- package/styles/list-box/_fabric-definition.scss +112 -112
- package/styles/list-box/_highcontrast-definition.scss +112 -112
- package/styles/list-box/_highcontrast-light-definition.scss +118 -118
- package/styles/list-box/_layout.scss +458 -458
- package/styles/list-box/_material-dark-definition.scss +118 -118
- package/styles/list-box/_material-definition.scss +112 -112
- package/styles/list-box/_theme.scss +273 -273
- package/styles/list-box/icons/_bootstrap-dark.scss +25 -25
- package/styles/list-box/icons/_bootstrap.scss +25 -25
- package/styles/list-box/icons/_bootstrap4.scss +25 -25
- package/styles/list-box/icons/_fabric-dark.scss +25 -25
- package/styles/list-box/icons/_fabric.scss +25 -25
- package/styles/list-box/icons/_highcontrast-light.scss +25 -25
- package/styles/list-box/icons/_highcontrast.scss +25 -25
- package/styles/list-box/icons/_material-dark.scss +25 -25
- package/styles/list-box/icons/_material.scss +25 -25
- package/styles/material-dark.css +8 -11
- package/styles/material.css +34 -10
- package/styles/multi-select/_all.scss +2 -2
- package/styles/multi-select/_bootstrap-dark-definition.scss +171 -171
- package/styles/multi-select/_bootstrap-definition.scss +166 -166
- package/styles/multi-select/_bootstrap4-definition.scss +233 -233
- package/styles/multi-select/_fabric-dark-definition.scss +170 -170
- package/styles/multi-select/_fabric-definition.scss +167 -167
- package/styles/multi-select/_highcontrast-definition.scss +257 -259
- package/styles/multi-select/_highcontrast-light-definition.scss +258 -258
- package/styles/multi-select/_layout.scss +1153 -1153
- package/styles/multi-select/_material-dark-definition.scss +186 -186
- package/styles/multi-select/_material-definition.scss +191 -191
- package/styles/multi-select/_theme.scss +384 -389
- package/styles/multi-select/bootstrap-dark.css +13 -16
- package/styles/multi-select/bootstrap.css +12 -15
- package/styles/multi-select/bootstrap4.css +6 -10
- package/styles/multi-select/fabric-dark.css +2 -5
- package/styles/multi-select/fabric.css +1 -4
- package/styles/multi-select/highcontrast-light.css +2 -5
- package/styles/multi-select/highcontrast.css +2 -7
- package/styles/multi-select/icons/_bootstrap-dark.scss +26 -26
- package/styles/multi-select/icons/_bootstrap.scss +26 -26
- package/styles/multi-select/icons/_bootstrap4.scss +37 -37
- package/styles/multi-select/icons/_fabric-dark.scss +26 -26
- package/styles/multi-select/icons/_fabric.scss +26 -26
- package/styles/multi-select/icons/_highcontrast-light.scss +26 -26
- package/styles/multi-select/icons/_highcontrast.scss +26 -26
- package/styles/multi-select/icons/_material-dark.scss +26 -26
- package/styles/multi-select/icons/_material.scss +324 -324
- package/styles/multi-select/material-dark.css +8 -11
- package/styles/multi-select/material.css +16 -10
|
@@ -1,112 +1,112 @@
|
|
|
1
|
-
$skin-name: 'fabric' !default;
|
|
2
|
-
$listview-font-family: $font-family !default;
|
|
3
|
-
$listview-text-color: $neutral-light-font !default;
|
|
4
|
-
$listview-text-disabled: rgba($neutral-light-font, .54) !default;
|
|
5
|
-
$listview-icon-color: $theme-light-font !default;
|
|
6
|
-
$listview-icon-disabled: rgba($neutral-light-font, .54) !default;
|
|
7
|
-
$listview-icon-margin-right: 16px !default;
|
|
8
|
-
$listview-icon-line-height: 34px !default;
|
|
9
|
-
$listview-icon-back-margin: 2px !default;
|
|
10
|
-
$listview-rtl-icon-back-margin: 1px !default;
|
|
11
|
-
$listview-background: inherit !default;
|
|
12
|
-
$listview-line-color: $neutral-light !default;
|
|
13
|
-
$listview-item-hover-bg: $neutral-light !default;
|
|
14
|
-
$listview-item-height: 36px !default;
|
|
15
|
-
$listview-item-line-height: 33px !default;
|
|
16
|
-
$listview-item-padding: 0 12px !default;
|
|
17
|
-
$listview-text-hover-color: $theme-light-font !default;
|
|
18
|
-
$listview-item-active-bg: $theme-lighter !default;
|
|
19
|
-
$listview-text-active-color: $theme-light-font !default;
|
|
20
|
-
$listview-header-text-color: $theme-light-font !default;
|
|
21
|
-
$listview-header-text-padding: 16px !default;
|
|
22
|
-
$listview-header-text-disabled: $theme-light-font !default;
|
|
23
|
-
$listview-header-bg: $neutral-white !default;
|
|
24
|
-
$listview-header-icon-color: $neutral-light-font !default;
|
|
25
|
-
$listview-header-icon-disabled: $neutral-light-font !default;
|
|
26
|
-
$listview-header-border: $neutral-light !default;
|
|
27
|
-
$listview-header-font-size: 14px !default;
|
|
28
|
-
$listview-header-height: 36px !default;
|
|
29
|
-
$listview-header-font-weight: 600 !default;
|
|
30
|
-
$listview-header-line-height: 21px !default;
|
|
31
|
-
$listview-header-padding-bottom: 0 !default;
|
|
32
|
-
$listview-group-first-border-bottom: 0 !default;
|
|
33
|
-
$listview-group-border-top: 1px !default;
|
|
34
|
-
$listview-group-border-bottom: 0 !default;
|
|
35
|
-
$listview-groupheader-text-color: $theme-primary !default;
|
|
36
|
-
$listview-groupheader-bg: $neutral-white !default;
|
|
37
|
-
$listview-groupheader-border: $neutral-light !default;
|
|
38
|
-
$listview-groupheader-icon: $theme-primary !default;
|
|
39
|
-
$listview-groupheader-item-height: 36px !default;
|
|
40
|
-
$listview-groupheader-item-line-height: 30px !default;
|
|
41
|
-
$listview-groupheader-font-size: 14px !default;
|
|
42
|
-
$listview-border-size: 0 !default;
|
|
43
|
-
$listview-font-size: 13px !default;
|
|
44
|
-
$checkmark-bgcolor: $theme-primary !default;
|
|
45
|
-
$checkmark-border-color: $theme-primary !default;
|
|
46
|
-
$checkmark-color: $theme-primary-font !default;
|
|
47
|
-
$listview-border-bottom: 0 !default;
|
|
48
|
-
$listview-border-top: 0 !default;
|
|
49
|
-
$listview-border-left: 0 !default;
|
|
50
|
-
$listview-border-right: 0 !default;
|
|
51
|
-
$listview-hover-border-color: transparent !default;
|
|
52
|
-
$listview-border-bottom-color: transparent !default;
|
|
53
|
-
$listview-border-top-color: transparent !default;
|
|
54
|
-
$listview-border-right-color: transparent !default;
|
|
55
|
-
$listview-border-left-color: transparent !default;
|
|
56
|
-
$listview-back-padding-right: 20px !default;
|
|
57
|
-
$listview-back-icon-height: 0 !default;
|
|
58
|
-
$listview-back-icon-font-size: 18px !default;
|
|
59
|
-
$listview-touch-item-height: 45px !default;
|
|
60
|
-
$listview-touch-item-line-height: 45px !default;
|
|
61
|
-
$listview-touch-item-font-size: 15px !default;
|
|
62
|
-
$listview-touch-back-icon-padding: 0 !default;
|
|
63
|
-
$listview-touch-groupheader-height: 45px !default;
|
|
64
|
-
$listview-touch-groupheader-line-height: 45px !default;
|
|
65
|
-
$listview-touch-header-height: 45px !default;
|
|
66
|
-
$listview-touch-header-font-weight: 600 !default;
|
|
67
|
-
$listview-touch-header-font-size: 15px !default;
|
|
68
|
-
$listview-touch-header-line-height: 11px !default;
|
|
69
|
-
$listview-touch-header-icon-margin-top: 0 !default;
|
|
70
|
-
$listview-checkbox-right-margin: -2px 0 0 10px !default;
|
|
71
|
-
$listview-checkbox-left-margin: -2px 10px 0 0 !default;
|
|
72
|
-
$listview-rtl-checkbox-left-margin: -2px 0 0 10px !default;
|
|
73
|
-
$listview-rtl-checkbox-right-margin: -2px 10px 0 0 !default;
|
|
74
|
-
//ListView In-built template variables
|
|
75
|
-
$listview-template-padding: .6153em .923em !default;
|
|
76
|
-
$listview-template-avatar-padding-right: .923em !default;
|
|
77
|
-
$listview-template-avatar-padding-left: 4.923em !default;
|
|
78
|
-
$listview-template-avatar-rightposition-padding-right: 4.923em !default;
|
|
79
|
-
$listview-template-avatar-rightposition-padding-left: .923em !default;
|
|
80
|
-
$listview-template-avatar-size: 3.0769em !default;
|
|
81
|
-
$listview-template-avatar-top: .6153em !default;
|
|
82
|
-
$listview-template-avatar-left: .923em !default;
|
|
83
|
-
$listview-template-avatar-rightposition-right: .923em !default;
|
|
84
|
-
$listview-template-badge-height: 1.5384em !default;
|
|
85
|
-
$listview-template-badge-width: 1.5384em !default;
|
|
86
|
-
$listview-template-badge-line-height: 1.3384em !default;
|
|
87
|
-
$listview-template-badge-font-size: 13px !default;
|
|
88
|
-
$listview-template-badge-right: .923em !default;
|
|
89
|
-
$listview-template-avatar-badge-padding-right: 3.3846em !default;
|
|
90
|
-
$listview-template-avatar-badge-padding-left: 4.923em !default;
|
|
91
|
-
$listview-template-badgewithoutavatar-padding-right: 3.3846em !default;
|
|
92
|
-
$listview-template-badgewithoutavatar-padding-left: .923em !default;
|
|
93
|
-
$listview-template-item-padding: .867em 0 !default;
|
|
94
|
-
$listview-template-multiline-header-color: $neutral-light-font !default;
|
|
95
|
-
$listview-template-multiline-content-color: $neutral-secondary !default;
|
|
96
|
-
$listview-template-multiline-header-padding: .093em 0 !default;
|
|
97
|
-
$listview-template-multiline-content-padding: .093em 0 !default;
|
|
98
|
-
$listview-template-multiline-header-font-size: 13px !default;
|
|
99
|
-
$listview-template-multiline-padding: .6153em .923em !default;
|
|
100
|
-
$listview-template-multiline-content-font-size: 13px !default;
|
|
101
|
-
$listview-template-multiline-avatar-top: .6153em !default;
|
|
102
|
-
|
|
103
|
-
$listbox-border-color: $neutral-light;
|
|
104
|
-
$badge-color: $theme-primary-font !default;
|
|
105
|
-
$badge-bgcolor: $theme-primary !default;
|
|
106
|
-
|
|
107
|
-
$select-all-border-color: $neutral-light !default;
|
|
108
|
-
|
|
109
|
-
$listbox-filter-height: calc(100% - 51px) !default;
|
|
110
|
-
$listbox-filter-small-height: calc(100% - 45px) !default;
|
|
111
|
-
$listbox-filter-bigger-small-height: calc(100% - 55px) !default;
|
|
112
|
-
$listbox-filter-bigger-height: calc(100% - 59px) !default;
|
|
1
|
+
$skin-name: 'fabric' !default;
|
|
2
|
+
$listview-font-family: $font-family !default;
|
|
3
|
+
$listview-text-color: $neutral-light-font !default;
|
|
4
|
+
$listview-text-disabled: rgba($neutral-light-font, .54) !default;
|
|
5
|
+
$listview-icon-color: $theme-light-font !default;
|
|
6
|
+
$listview-icon-disabled: rgba($neutral-light-font, .54) !default;
|
|
7
|
+
$listview-icon-margin-right: 16px !default;
|
|
8
|
+
$listview-icon-line-height: 34px !default;
|
|
9
|
+
$listview-icon-back-margin: 2px !default;
|
|
10
|
+
$listview-rtl-icon-back-margin: 1px !default;
|
|
11
|
+
$listview-background: inherit !default;
|
|
12
|
+
$listview-line-color: $neutral-light !default;
|
|
13
|
+
$listview-item-hover-bg: $neutral-light !default;
|
|
14
|
+
$listview-item-height: 36px !default;
|
|
15
|
+
$listview-item-line-height: 33px !default;
|
|
16
|
+
$listview-item-padding: 0 12px !default;
|
|
17
|
+
$listview-text-hover-color: $theme-light-font !default;
|
|
18
|
+
$listview-item-active-bg: $theme-lighter !default;
|
|
19
|
+
$listview-text-active-color: $theme-light-font !default;
|
|
20
|
+
$listview-header-text-color: $theme-light-font !default;
|
|
21
|
+
$listview-header-text-padding: 16px !default;
|
|
22
|
+
$listview-header-text-disabled: $theme-light-font !default;
|
|
23
|
+
$listview-header-bg: $neutral-white !default;
|
|
24
|
+
$listview-header-icon-color: $neutral-light-font !default;
|
|
25
|
+
$listview-header-icon-disabled: $neutral-light-font !default;
|
|
26
|
+
$listview-header-border: $neutral-light !default;
|
|
27
|
+
$listview-header-font-size: 14px !default;
|
|
28
|
+
$listview-header-height: 36px !default;
|
|
29
|
+
$listview-header-font-weight: 600 !default;
|
|
30
|
+
$listview-header-line-height: 21px !default;
|
|
31
|
+
$listview-header-padding-bottom: 0 !default;
|
|
32
|
+
$listview-group-first-border-bottom: 0 !default;
|
|
33
|
+
$listview-group-border-top: 1px !default;
|
|
34
|
+
$listview-group-border-bottom: 0 !default;
|
|
35
|
+
$listview-groupheader-text-color: $theme-primary !default;
|
|
36
|
+
$listview-groupheader-bg: $neutral-white !default;
|
|
37
|
+
$listview-groupheader-border: $neutral-light !default;
|
|
38
|
+
$listview-groupheader-icon: $theme-primary !default;
|
|
39
|
+
$listview-groupheader-item-height: 36px !default;
|
|
40
|
+
$listview-groupheader-item-line-height: 30px !default;
|
|
41
|
+
$listview-groupheader-font-size: 14px !default;
|
|
42
|
+
$listview-border-size: 0 !default;
|
|
43
|
+
$listview-font-size: 13px !default;
|
|
44
|
+
$checkmark-bgcolor: $theme-primary !default;
|
|
45
|
+
$checkmark-border-color: $theme-primary !default;
|
|
46
|
+
$checkmark-color: $theme-primary-font !default;
|
|
47
|
+
$listview-border-bottom: 0 !default;
|
|
48
|
+
$listview-border-top: 0 !default;
|
|
49
|
+
$listview-border-left: 0 !default;
|
|
50
|
+
$listview-border-right: 0 !default;
|
|
51
|
+
$listview-hover-border-color: transparent !default;
|
|
52
|
+
$listview-border-bottom-color: transparent !default;
|
|
53
|
+
$listview-border-top-color: transparent !default;
|
|
54
|
+
$listview-border-right-color: transparent !default;
|
|
55
|
+
$listview-border-left-color: transparent !default;
|
|
56
|
+
$listview-back-padding-right: 20px !default;
|
|
57
|
+
$listview-back-icon-height: 0 !default;
|
|
58
|
+
$listview-back-icon-font-size: 18px !default;
|
|
59
|
+
$listview-touch-item-height: 45px !default;
|
|
60
|
+
$listview-touch-item-line-height: 45px !default;
|
|
61
|
+
$listview-touch-item-font-size: 15px !default;
|
|
62
|
+
$listview-touch-back-icon-padding: 0 !default;
|
|
63
|
+
$listview-touch-groupheader-height: 45px !default;
|
|
64
|
+
$listview-touch-groupheader-line-height: 45px !default;
|
|
65
|
+
$listview-touch-header-height: 45px !default;
|
|
66
|
+
$listview-touch-header-font-weight: 600 !default;
|
|
67
|
+
$listview-touch-header-font-size: 15px !default;
|
|
68
|
+
$listview-touch-header-line-height: 11px !default;
|
|
69
|
+
$listview-touch-header-icon-margin-top: 0 !default;
|
|
70
|
+
$listview-checkbox-right-margin: -2px 0 0 10px !default;
|
|
71
|
+
$listview-checkbox-left-margin: -2px 10px 0 0 !default;
|
|
72
|
+
$listview-rtl-checkbox-left-margin: -2px 0 0 10px !default;
|
|
73
|
+
$listview-rtl-checkbox-right-margin: -2px 10px 0 0 !default;
|
|
74
|
+
//ListView In-built template variables
|
|
75
|
+
$listview-template-padding: .6153em .923em !default;
|
|
76
|
+
$listview-template-avatar-padding-right: .923em !default;
|
|
77
|
+
$listview-template-avatar-padding-left: 4.923em !default;
|
|
78
|
+
$listview-template-avatar-rightposition-padding-right: 4.923em !default;
|
|
79
|
+
$listview-template-avatar-rightposition-padding-left: .923em !default;
|
|
80
|
+
$listview-template-avatar-size: 3.0769em !default;
|
|
81
|
+
$listview-template-avatar-top: .6153em !default;
|
|
82
|
+
$listview-template-avatar-left: .923em !default;
|
|
83
|
+
$listview-template-avatar-rightposition-right: .923em !default;
|
|
84
|
+
$listview-template-badge-height: 1.5384em !default;
|
|
85
|
+
$listview-template-badge-width: 1.5384em !default;
|
|
86
|
+
$listview-template-badge-line-height: 1.3384em !default;
|
|
87
|
+
$listview-template-badge-font-size: 13px !default;
|
|
88
|
+
$listview-template-badge-right: .923em !default;
|
|
89
|
+
$listview-template-avatar-badge-padding-right: 3.3846em !default;
|
|
90
|
+
$listview-template-avatar-badge-padding-left: 4.923em !default;
|
|
91
|
+
$listview-template-badgewithoutavatar-padding-right: 3.3846em !default;
|
|
92
|
+
$listview-template-badgewithoutavatar-padding-left: .923em !default;
|
|
93
|
+
$listview-template-item-padding: .867em 0 !default;
|
|
94
|
+
$listview-template-multiline-header-color: $neutral-light-font !default;
|
|
95
|
+
$listview-template-multiline-content-color: $neutral-secondary !default;
|
|
96
|
+
$listview-template-multiline-header-padding: .093em 0 !default;
|
|
97
|
+
$listview-template-multiline-content-padding: .093em 0 !default;
|
|
98
|
+
$listview-template-multiline-header-font-size: 13px !default;
|
|
99
|
+
$listview-template-multiline-padding: .6153em .923em !default;
|
|
100
|
+
$listview-template-multiline-content-font-size: 13px !default;
|
|
101
|
+
$listview-template-multiline-avatar-top: .6153em !default;
|
|
102
|
+
|
|
103
|
+
$listbox-border-color: $neutral-light;
|
|
104
|
+
$badge-color: $theme-primary-font !default;
|
|
105
|
+
$badge-bgcolor: $theme-primary !default;
|
|
106
|
+
|
|
107
|
+
$select-all-border-color: $neutral-light !default;
|
|
108
|
+
|
|
109
|
+
$listbox-filter-height: calc(100% - 51px) !default;
|
|
110
|
+
$listbox-filter-small-height: calc(100% - 45px) !default;
|
|
111
|
+
$listbox-filter-bigger-small-height: calc(100% - 55px) !default;
|
|
112
|
+
$listbox-filter-bigger-height: calc(100% - 59px) !default;
|
|
@@ -1,112 +1,112 @@
|
|
|
1
|
-
$skin-name: 'highcontrast' !default;
|
|
2
|
-
$listview-font-family: $font-family !default;
|
|
3
|
-
$listview-text-color: $content-font !default;
|
|
4
|
-
$listview-text-disabled: rgba($disable, .54) !default;
|
|
5
|
-
$listview-icon-color: $content-font !default;
|
|
6
|
-
$listview-icon-disabled: rgba($disable, .54) !default;
|
|
7
|
-
$listview-icon-margin-right: 16px !default;
|
|
8
|
-
$listview-icon-line-height: 28px !default;
|
|
9
|
-
$listview-icon-back-margin: 2px !default;
|
|
10
|
-
$listview-rtl-icon-back-margin: 1px !default;
|
|
11
|
-
$listview-background: $bg-base-0 !default;
|
|
12
|
-
$listview-line-color: $default-bg-color !default;
|
|
13
|
-
$listview-item-hover-bg: $hover-bg !default;
|
|
14
|
-
$listview-item-height: 36px !default;
|
|
15
|
-
$listview-item-line-height: 30px !default;
|
|
16
|
-
$listview-item-padding: 0 12px !default;
|
|
17
|
-
$listview-text-hover-color: $hover-font !default;
|
|
18
|
-
$listview-item-active-bg: $selection-bg !default;
|
|
19
|
-
$listview-text-active-color: $selection-font !default;
|
|
20
|
-
$listview-header-text-color: $selection-bg !default;
|
|
21
|
-
$listview-header-text-padding: 16px !default;
|
|
22
|
-
$listview-header-text-disabled: $disable !default;
|
|
23
|
-
$listview-header-bg: $bg-base-0 !default;
|
|
24
|
-
$listview-header-icon-color: $header-icon-color !default;
|
|
25
|
-
$listview-header-icon-disabled: $disable !default;
|
|
26
|
-
$listview-header-border: $border-default !default;
|
|
27
|
-
$listview-header-font-size: 14px !default;
|
|
28
|
-
$listview-header-height: 36px !default;
|
|
29
|
-
$listview-header-font-weight: 600 !default;
|
|
30
|
-
$listview-header-line-height: 21px !default;
|
|
31
|
-
$listview-header-padding-bottom: 0 !default;
|
|
32
|
-
$listview-group-first-border-bottom: 0 !default;
|
|
33
|
-
$listview-group-border-top: 1px !default;
|
|
34
|
-
$listview-group-border-bottom: 0 !default;
|
|
35
|
-
$listview-groupheader-text-color: $header-font !default;
|
|
36
|
-
$listview-groupheader-bg: $bg-base-0 !default;
|
|
37
|
-
$listview-groupheader-border: $header-bg-color !default;
|
|
38
|
-
$listview-groupheader-icon: $header-icon-color !default;
|
|
39
|
-
$listview-groupheader-item-height: 36px !default;
|
|
40
|
-
$listview-groupheader-item-line-height: 30px !default;
|
|
41
|
-
$listview-groupheader-font-size: 14px !default;
|
|
42
|
-
$listview-border-size: 0 !default;
|
|
43
|
-
$listview-font-size: 13px !default;
|
|
44
|
-
$checkmark-bgcolor: $bg-base-0 !default;
|
|
45
|
-
$checkmark-border-color: $bg-base-0 !default;
|
|
46
|
-
$checkmark-color: $header-font !default;
|
|
47
|
-
$listview-border-bottom: 2px !default;
|
|
48
|
-
$listview-border-top: 2px !default;
|
|
49
|
-
$listview-border-left: 2px !default;
|
|
50
|
-
$listview-border-right: 2px !default;
|
|
51
|
-
$listview-hover-border-color: $hover-border !default;
|
|
52
|
-
$listview-border-bottom-color: transparent !default;
|
|
53
|
-
$listview-border-top-color: transparent !default;
|
|
54
|
-
$listview-border-right-color: transparent !default;
|
|
55
|
-
$listview-border-left-color: transparent !default;
|
|
56
|
-
$listview-back-padding-right: 20px !default;
|
|
57
|
-
$listview-back-icon-height: 0 !default;
|
|
58
|
-
$listview-back-icon-font-size: 18px !default;
|
|
59
|
-
$listview-touch-item-height: 45px !default;
|
|
60
|
-
$listview-touch-item-line-height: 38px !default;
|
|
61
|
-
$listview-touch-item-font-size: 15px !default;
|
|
62
|
-
$listview-touch-back-icon-padding: 0 !default;
|
|
63
|
-
$listview-touch-groupheader-height: 45px !default;
|
|
64
|
-
$listview-touch-groupheader-line-height: 45px !default;
|
|
65
|
-
$listview-touch-header-height: 45px !default;
|
|
66
|
-
$listview-touch-header-font-weight: 600 !default;
|
|
67
|
-
$listview-touch-header-font-size: 15px !default;
|
|
68
|
-
$listview-touch-header-line-height: 11px !default;
|
|
69
|
-
$listview-touch-header-icon-margin-top: 0 !default;
|
|
70
|
-
$listview-checkbox-right-margin: -2px 0 0 10px !default;
|
|
71
|
-
$listview-checkbox-left-margin: -2px 10px 0 0 !default;
|
|
72
|
-
$listview-rtl-checkbox-left-margin: -2px 0 0 10px !default;
|
|
73
|
-
$listview-rtl-checkbox-right-margin: -2px 10px 0 0 !default;
|
|
74
|
-
//ListView In-built template variables
|
|
75
|
-
$listview-template-padding: .6153em .923em !default;
|
|
76
|
-
$listview-template-avatar-padding-right: .923em !default;
|
|
77
|
-
$listview-template-avatar-padding-left: 4.923em !default;
|
|
78
|
-
$listview-template-avatar-rightposition-padding-right: 4.923em !default;
|
|
79
|
-
$listview-template-avatar-rightposition-padding-left: .923em !default;
|
|
80
|
-
$listview-template-avatar-size: 3.0769em !default;
|
|
81
|
-
$listview-template-avatar-top: .6153em !default;
|
|
82
|
-
$listview-template-avatar-left: .923em !default;
|
|
83
|
-
$listview-template-avatar-rightposition-right: .923em !default;
|
|
84
|
-
$listview-template-badge-height: 1.5384em !default;
|
|
85
|
-
$listview-template-badge-width: 1.5384em !default;
|
|
86
|
-
$listview-template-badge-line-height: 1.3384em !default;
|
|
87
|
-
$listview-template-badge-font-size: 13px !default;
|
|
88
|
-
$listview-template-badge-right: .923em !default;
|
|
89
|
-
$listview-template-avatar-badge-padding-right: 3.3846em !default;
|
|
90
|
-
$listview-template-avatar-badge-padding-left: 4.923em !default;
|
|
91
|
-
$listview-template-badgewithoutavatar-padding-right: 3.3846em !default;
|
|
92
|
-
$listview-template-badgewithoutavatar-padding-left: .923em !default;
|
|
93
|
-
$listview-template-item-padding: .867em 0 !default;
|
|
94
|
-
$listview-template-multiline-header-color: $content-font !default;
|
|
95
|
-
$listview-template-multiline-content-color: $content-font !default;
|
|
96
|
-
$listview-template-multiline-header-padding: .093em 0 !default;
|
|
97
|
-
$listview-template-multiline-content-padding: .093em 0 !default;
|
|
98
|
-
$listview-template-multiline-header-font-size: 13px !default;
|
|
99
|
-
$listview-template-multiline-padding: .6153em .923em !default;
|
|
100
|
-
$listview-template-multiline-content-font-size: 13px !default;
|
|
101
|
-
$listview-template-multiline-avatar-top: .6153em !default;
|
|
102
|
-
|
|
103
|
-
$listbox-border-color: $border-default;
|
|
104
|
-
$badge-color: $selection-font !default;
|
|
105
|
-
$badge-bgcolor: $selection-bg !default;
|
|
106
|
-
|
|
107
|
-
$select-all-border-color: $content-font !default;
|
|
108
|
-
|
|
109
|
-
$listbox-filter-height: calc(100% - 51px) !default;
|
|
110
|
-
$listbox-filter-small-height: calc(100% - 45px) !default;
|
|
111
|
-
$listbox-filter-bigger-small-height: calc(100% - 55px) !default;
|
|
112
|
-
$listbox-filter-bigger-height: calc(100% - 59px) !default;
|
|
1
|
+
$skin-name: 'highcontrast' !default;
|
|
2
|
+
$listview-font-family: $font-family !default;
|
|
3
|
+
$listview-text-color: $content-font !default;
|
|
4
|
+
$listview-text-disabled: rgba($disable, .54) !default;
|
|
5
|
+
$listview-icon-color: $content-font !default;
|
|
6
|
+
$listview-icon-disabled: rgba($disable, .54) !default;
|
|
7
|
+
$listview-icon-margin-right: 16px !default;
|
|
8
|
+
$listview-icon-line-height: 28px !default;
|
|
9
|
+
$listview-icon-back-margin: 2px !default;
|
|
10
|
+
$listview-rtl-icon-back-margin: 1px !default;
|
|
11
|
+
$listview-background: $bg-base-0 !default;
|
|
12
|
+
$listview-line-color: $default-bg-color !default;
|
|
13
|
+
$listview-item-hover-bg: $hover-bg !default;
|
|
14
|
+
$listview-item-height: 36px !default;
|
|
15
|
+
$listview-item-line-height: 30px !default;
|
|
16
|
+
$listview-item-padding: 0 12px !default;
|
|
17
|
+
$listview-text-hover-color: $hover-font !default;
|
|
18
|
+
$listview-item-active-bg: $selection-bg !default;
|
|
19
|
+
$listview-text-active-color: $selection-font !default;
|
|
20
|
+
$listview-header-text-color: $selection-bg !default;
|
|
21
|
+
$listview-header-text-padding: 16px !default;
|
|
22
|
+
$listview-header-text-disabled: $disable !default;
|
|
23
|
+
$listview-header-bg: $bg-base-0 !default;
|
|
24
|
+
$listview-header-icon-color: $header-icon-color !default;
|
|
25
|
+
$listview-header-icon-disabled: $disable !default;
|
|
26
|
+
$listview-header-border: $border-default !default;
|
|
27
|
+
$listview-header-font-size: 14px !default;
|
|
28
|
+
$listview-header-height: 36px !default;
|
|
29
|
+
$listview-header-font-weight: 600 !default;
|
|
30
|
+
$listview-header-line-height: 21px !default;
|
|
31
|
+
$listview-header-padding-bottom: 0 !default;
|
|
32
|
+
$listview-group-first-border-bottom: 0 !default;
|
|
33
|
+
$listview-group-border-top: 1px !default;
|
|
34
|
+
$listview-group-border-bottom: 0 !default;
|
|
35
|
+
$listview-groupheader-text-color: $header-font !default;
|
|
36
|
+
$listview-groupheader-bg: $bg-base-0 !default;
|
|
37
|
+
$listview-groupheader-border: $header-bg-color !default;
|
|
38
|
+
$listview-groupheader-icon: $header-icon-color !default;
|
|
39
|
+
$listview-groupheader-item-height: 36px !default;
|
|
40
|
+
$listview-groupheader-item-line-height: 30px !default;
|
|
41
|
+
$listview-groupheader-font-size: 14px !default;
|
|
42
|
+
$listview-border-size: 0 !default;
|
|
43
|
+
$listview-font-size: 13px !default;
|
|
44
|
+
$checkmark-bgcolor: $bg-base-0 !default;
|
|
45
|
+
$checkmark-border-color: $bg-base-0 !default;
|
|
46
|
+
$checkmark-color: $header-font !default;
|
|
47
|
+
$listview-border-bottom: 2px !default;
|
|
48
|
+
$listview-border-top: 2px !default;
|
|
49
|
+
$listview-border-left: 2px !default;
|
|
50
|
+
$listview-border-right: 2px !default;
|
|
51
|
+
$listview-hover-border-color: $hover-border !default;
|
|
52
|
+
$listview-border-bottom-color: transparent !default;
|
|
53
|
+
$listview-border-top-color: transparent !default;
|
|
54
|
+
$listview-border-right-color: transparent !default;
|
|
55
|
+
$listview-border-left-color: transparent !default;
|
|
56
|
+
$listview-back-padding-right: 20px !default;
|
|
57
|
+
$listview-back-icon-height: 0 !default;
|
|
58
|
+
$listview-back-icon-font-size: 18px !default;
|
|
59
|
+
$listview-touch-item-height: 45px !default;
|
|
60
|
+
$listview-touch-item-line-height: 38px !default;
|
|
61
|
+
$listview-touch-item-font-size: 15px !default;
|
|
62
|
+
$listview-touch-back-icon-padding: 0 !default;
|
|
63
|
+
$listview-touch-groupheader-height: 45px !default;
|
|
64
|
+
$listview-touch-groupheader-line-height: 45px !default;
|
|
65
|
+
$listview-touch-header-height: 45px !default;
|
|
66
|
+
$listview-touch-header-font-weight: 600 !default;
|
|
67
|
+
$listview-touch-header-font-size: 15px !default;
|
|
68
|
+
$listview-touch-header-line-height: 11px !default;
|
|
69
|
+
$listview-touch-header-icon-margin-top: 0 !default;
|
|
70
|
+
$listview-checkbox-right-margin: -2px 0 0 10px !default;
|
|
71
|
+
$listview-checkbox-left-margin: -2px 10px 0 0 !default;
|
|
72
|
+
$listview-rtl-checkbox-left-margin: -2px 0 0 10px !default;
|
|
73
|
+
$listview-rtl-checkbox-right-margin: -2px 10px 0 0 !default;
|
|
74
|
+
//ListView In-built template variables
|
|
75
|
+
$listview-template-padding: .6153em .923em !default;
|
|
76
|
+
$listview-template-avatar-padding-right: .923em !default;
|
|
77
|
+
$listview-template-avatar-padding-left: 4.923em !default;
|
|
78
|
+
$listview-template-avatar-rightposition-padding-right: 4.923em !default;
|
|
79
|
+
$listview-template-avatar-rightposition-padding-left: .923em !default;
|
|
80
|
+
$listview-template-avatar-size: 3.0769em !default;
|
|
81
|
+
$listview-template-avatar-top: .6153em !default;
|
|
82
|
+
$listview-template-avatar-left: .923em !default;
|
|
83
|
+
$listview-template-avatar-rightposition-right: .923em !default;
|
|
84
|
+
$listview-template-badge-height: 1.5384em !default;
|
|
85
|
+
$listview-template-badge-width: 1.5384em !default;
|
|
86
|
+
$listview-template-badge-line-height: 1.3384em !default;
|
|
87
|
+
$listview-template-badge-font-size: 13px !default;
|
|
88
|
+
$listview-template-badge-right: .923em !default;
|
|
89
|
+
$listview-template-avatar-badge-padding-right: 3.3846em !default;
|
|
90
|
+
$listview-template-avatar-badge-padding-left: 4.923em !default;
|
|
91
|
+
$listview-template-badgewithoutavatar-padding-right: 3.3846em !default;
|
|
92
|
+
$listview-template-badgewithoutavatar-padding-left: .923em !default;
|
|
93
|
+
$listview-template-item-padding: .867em 0 !default;
|
|
94
|
+
$listview-template-multiline-header-color: $content-font !default;
|
|
95
|
+
$listview-template-multiline-content-color: $content-font !default;
|
|
96
|
+
$listview-template-multiline-header-padding: .093em 0 !default;
|
|
97
|
+
$listview-template-multiline-content-padding: .093em 0 !default;
|
|
98
|
+
$listview-template-multiline-header-font-size: 13px !default;
|
|
99
|
+
$listview-template-multiline-padding: .6153em .923em !default;
|
|
100
|
+
$listview-template-multiline-content-font-size: 13px !default;
|
|
101
|
+
$listview-template-multiline-avatar-top: .6153em !default;
|
|
102
|
+
|
|
103
|
+
$listbox-border-color: $border-default;
|
|
104
|
+
$badge-color: $selection-font !default;
|
|
105
|
+
$badge-bgcolor: $selection-bg !default;
|
|
106
|
+
|
|
107
|
+
$select-all-border-color: $content-font !default;
|
|
108
|
+
|
|
109
|
+
$listbox-filter-height: calc(100% - 51px) !default;
|
|
110
|
+
$listbox-filter-small-height: calc(100% - 45px) !default;
|
|
111
|
+
$listbox-filter-bigger-small-height: calc(100% - 55px) !default;
|
|
112
|
+
$listbox-filter-bigger-height: calc(100% - 59px) !default;
|