@syncfusion/ej2-dropdowns 19.4.38 → 19.4.40
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/README.md +1 -1
- package/dist/ej2-dropdowns.umd.min.js +2 -2
- package/dist/ej2-dropdowns.umd.min.js.map +1 -1
- package/dist/es6/ej2-dropdowns.es2015.js +31 -72
- package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
- package/dist/es6/ej2-dropdowns.es5.js +31 -73
- package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
- package/dist/global/ej2-dropdowns.min.js +2 -2
- package/dist/global/ej2-dropdowns.min.js.map +1 -1
- package/dist/global/index.d.ts +1 -1
- package/package.json +7 -6
- package/src/combo-box/combo-box.js +2 -2
- package/src/common/incremental-search.d.ts +1 -1
- package/src/common/incremental-search.js +1 -1
- package/src/drop-down-base/drop-down-base.js +1 -13
- package/src/list-box/list-box.d.ts +4 -0
- package/src/list-box/list-box.js +3 -0
- package/src/multi-select/multi-select-model.d.ts +1 -1
- package/src/multi-select/multi-select.d.ts +0 -2
- package/src/multi-select/multi-select.js +24 -57
- package/styles/_all.scss +3 -0
- package/styles/auto-complete/bootstrap5-dark.css +1 -0
- package/styles/auto-complete/bootstrap5.css +1 -0
- package/styles/bootstrap5-dark.css +6 -12
- package/styles/bootstrap5.css +6 -12
- package/styles/combo-box/bootstrap5-dark.css +1 -0
- package/styles/combo-box/bootstrap5.css +1 -0
- package/styles/drop-down-list/_bootstrap5-definition.scss +1 -0
- package/styles/drop-down-list/bootstrap5-dark.css +1 -0
- package/styles/drop-down-list/bootstrap5.css +1 -0
- package/styles/drop-down-list/icons/_bootstrap5.scss +1 -0
- package/styles/drop-down-tree/_bootstrap5-definition.scss +58 -59
- package/styles/drop-down-tree/_layout.scss +4 -12
- package/styles/drop-down-tree/_tailwind-definition.scss +0 -1
- package/styles/drop-down-tree/bootstrap5-dark.css +4 -11
- package/styles/drop-down-tree/bootstrap5.css +4 -11
- package/styles/drop-down-tree/icons/_bootstrap5.scss +11 -11
- package/styles/drop-down-tree/icons/_tailwind-dark.scss +11 -11
- package/styles/drop-down-tree/tailwind-dark.css +0 -1
- package/styles/drop-down-tree/tailwind.css +0 -1
- package/styles/list-box/_bootstrap5-definition.scss +2 -2
- package/styles/list-box/_layout.scss +6 -1
- package/styles/list-box/bootstrap5-dark.css +1 -1
- package/styles/list-box/bootstrap5.css +1 -1
- package/styles/list-box/icons/_tailwind-dark.scss +2 -2
- package/styles/list-box/tailwind-dark.css +3 -3
- package/styles/list-box/tailwind.css +1 -1
- package/styles/material-dark.css +94 -0
- package/styles/material.css +94 -0
- package/styles/multi-select/_layout.scss +116 -0
- package/styles/multi-select/_material-dark-definition.scss +22 -0
- package/styles/multi-select/_material-definition.scss +22 -0
- package/styles/multi-select/material-dark.css +94 -0
- package/styles/multi-select/material.css +94 -0
- package/styles/tailwind-dark.css +3 -4
- package/styles/tailwind.css +1 -2
- package/styles/auto-complete/_fluent-definition.scss +0 -2
- package/styles/combo-box/_fluent-definition.scss +0 -2
- package/styles/drop-down-base/_fluent-definition.scss +0 -109
- package/styles/drop-down-list/_fluent-definition.scss +0 -193
- package/styles/drop-down-list/icons/_fluent.scss +0 -14
- package/styles/drop-down-tree/_fluent-definition.scss +0 -71
- package/styles/drop-down-tree/icons/_fluent.scss +0 -11
- package/styles/list-box/_fluent-definition.scss +0 -115
- package/styles/list-box/icons/_fluent.scss +0 -25
- package/styles/multi-select/_fluent-definition.scss +0 -214
- package/styles/multi-select/icons/_fluent.scss +0 -27
|
@@ -1,115 +0,0 @@
|
|
|
1
|
-
//layout variables
|
|
2
|
-
$skin-name: 'FluentUI' !default;
|
|
3
|
-
$listview-font-family: $font-family !default;
|
|
4
|
-
$listview-icon-margin-right: 16px !default;
|
|
5
|
-
$listview-icon-line-height: 34px !default;
|
|
6
|
-
$listview-icon-back-margin: 2px !default;
|
|
7
|
-
$listview-rtl-icon-back-margin: -2px !default;
|
|
8
|
-
$listview-item-height: 0 !default;
|
|
9
|
-
$listview-item-padding: 0 12px !default;
|
|
10
|
-
$listbox-item-line-height: 1 !default;
|
|
11
|
-
$listbox-item-padding: 10px 16px !default;
|
|
12
|
-
$listview-bigger-item-padding: 8px 16px !default;
|
|
13
|
-
$listview-header-text-padding: 12px !default;
|
|
14
|
-
$listview-header-font-size: $text-xs !default;
|
|
15
|
-
$listview-header-height: 18px !default;
|
|
16
|
-
$listview-header-font-weight: $font-weight-medium !default;
|
|
17
|
-
$listview-header-line-height: 18px !default;
|
|
18
|
-
$listview-header-padding-bottom: 0 !default;
|
|
19
|
-
$listview-touch-back-icon-padding: 0 !default;
|
|
20
|
-
$listview-border-bottom: 0 !default;
|
|
21
|
-
$listview-border-top: 0 !default;
|
|
22
|
-
$listview-border-left: 0 !default;
|
|
23
|
-
$listview-border-right: 0 !default;
|
|
24
|
-
$listview-group-first-border-bottom: 0 !default;
|
|
25
|
-
$listview-group-border-top: 1px !default;
|
|
26
|
-
$listview-group-border-bottom: 0 !default;
|
|
27
|
-
$listview-groupheader-item-height: 30px !default;
|
|
28
|
-
$listview-groupheader-item-line-height: 30px !default;
|
|
29
|
-
$listview-groupheader-font-size: $text-xs !default;
|
|
30
|
-
$listview-border-size: 0 !default;
|
|
31
|
-
$listview-font-size: $text-sm !default;
|
|
32
|
-
$listview-back-padding-right: 8px !default;
|
|
33
|
-
$listview-back-icon-height: 20px !default;
|
|
34
|
-
$listview-back-icon-font-size: auto !default;
|
|
35
|
-
$listview-touch-item-height: 48px !default;
|
|
36
|
-
$listbox-touch-item-line-height: 1.6 !default;
|
|
37
|
-
$listview-touch-item-font-size: $text-base !default;
|
|
38
|
-
$listview-touch-groupheader-height: 40px !default;
|
|
39
|
-
$listview-touch-groupheader-line-height: 25px !default;
|
|
40
|
-
$listview-touch-header-height: 22px !default;
|
|
41
|
-
$listview-touch-header-font-weight: $font-weight-medium !default;
|
|
42
|
-
$listview-touch-header-font-size: $text-sm !default;
|
|
43
|
-
$listview-touch-header-line-height: 22px !default;
|
|
44
|
-
$listview-touch-header-icon-margin-top: 2px !default;
|
|
45
|
-
$listview-checkbox-right-margin: -2px 0 0 8px !default;
|
|
46
|
-
$listview-checkbox-left-margin: -2px 8px 0 0 !default;
|
|
47
|
-
$listview-rtl-checkbox-left-margin: -2px 0 0 8px !default;
|
|
48
|
-
$listview-rtl-checkbox-right-margin: -2px 8px 0 0 !default;
|
|
49
|
-
//ListView In-built template variables
|
|
50
|
-
$listview-template-padding: 8px 16px !default;
|
|
51
|
-
$listview-template-avatar-padding-right: 16px !default;
|
|
52
|
-
$listview-template-avatar-padding-left: 68px !default;
|
|
53
|
-
$listview-template-avatar-rightposition-padding-right: 68px !default;
|
|
54
|
-
$listview-template-avatar-rightposition-padding-left: 16px !default;
|
|
55
|
-
$listview-template-avatar-size: 40px !default;
|
|
56
|
-
$listview-template-avatar-top: 0 !default;
|
|
57
|
-
$listview-template-avatar-left: 0 !default;
|
|
58
|
-
$listview-template-avatar-rightposition-right: 0 !default;
|
|
59
|
-
$listview-template-badge-height: 18px !default;
|
|
60
|
-
$listview-template-badge-width: 32px !default;
|
|
61
|
-
$listview-template-badge-line-height: 16px !default;
|
|
62
|
-
$listview-template-badge-font-size: $text-xxs !default;
|
|
63
|
-
$listview-template-badge-right: 12px !default;
|
|
64
|
-
$listview-template-avatar-badge-padding-right: 10px !default;
|
|
65
|
-
$listview-template-avatar-badge-padding-left: 68px !default;
|
|
66
|
-
$listview-template-badgewithoutavatar-padding-right: 10px !default;
|
|
67
|
-
$listview-template-badgewithoutavatar-padding-left: 16px !default;
|
|
68
|
-
$listview-template-item-padding: 8px 0 !default;
|
|
69
|
-
$listview-template-multiline-header-padding: 0 !default;
|
|
70
|
-
$listview-template-multiline-content-padding: 2px 0 0 0 !default;
|
|
71
|
-
$listview-template-multiline-header-font-size: $text-sm !default;
|
|
72
|
-
$listview-template-multiline-padding: 4px !default;
|
|
73
|
-
$listview-template-multiline-content-font-size: $text-sm !default;
|
|
74
|
-
$listview-template-multiline-avatar-top: 0 !default;
|
|
75
|
-
$listbox-filter-height: calc(100% - 47px) !default;
|
|
76
|
-
$listbox-filter-small-height: calc(100% - 45px) !default;
|
|
77
|
-
$listbox-filter-bigger-small-height: calc(100% - 45px) !default;
|
|
78
|
-
$listbox-filter-bigger-height: calc(100% - 55px) !default;
|
|
79
|
-
$listbox-item-height: 36px !default;
|
|
80
|
-
|
|
81
|
-
$listbox-border-color: $border-light;
|
|
82
|
-
$badge-color: $primary-text-color !default;
|
|
83
|
-
$badge-bgcolor: $primary !default;
|
|
84
|
-
|
|
85
|
-
$select-all-border-color: $border-light !default;
|
|
86
|
-
$listview-text-color: $content-text-color !default;
|
|
87
|
-
$listview-text-disabled: $content-text-color-disabled !default;
|
|
88
|
-
$listview-icon-color: $icon-color !default;
|
|
89
|
-
$listview-icon-disabled: $icon-color-disabled !default;
|
|
90
|
-
$listview-item-hover-bg: $content-bg-color-alt2 !default;
|
|
91
|
-
$listview-background: $transparent !default;
|
|
92
|
-
$listview-line-color: $border-light !default;
|
|
93
|
-
$listview-hover-border-color: transparent !default;
|
|
94
|
-
$listview-border-bottom-color: transparent !default;
|
|
95
|
-
$listview-border-top-color: transparent !default;
|
|
96
|
-
$listview-border-right-color: transparent !default;
|
|
97
|
-
$listview-border-left-color: transparent !default;
|
|
98
|
-
$listview-text-hover-color: $content-text-color !default;
|
|
99
|
-
$listview-item-active-bg: $content-bg-color-alt2 !default;
|
|
100
|
-
$listview-text-active-color: $content-text-color-selected !default;
|
|
101
|
-
$listview-header-text-color: $content-text-color-alt2 !default;
|
|
102
|
-
$listview-header-text-disabled: $content-text-color-disabled !default;
|
|
103
|
-
$listview-header-bg: $content-bg-color-alt2 !default;
|
|
104
|
-
$listview-header-icon-color: $icon-color !default;
|
|
105
|
-
$listview-header-icon-disabled: $icon-color-disabled !default;
|
|
106
|
-
$listview-header-border: $border-light !default;
|
|
107
|
-
$checkmark-bgcolor: $primary !default;
|
|
108
|
-
$checkmark-border-color: transparent !default;
|
|
109
|
-
$checkmark-color: $primary-text-color !default;
|
|
110
|
-
$listview-groupheader-text-color: $primary-outline !default;
|
|
111
|
-
$listview-groupheader-bg: $content-bg-color-alt2 !default;
|
|
112
|
-
$listview-groupheader-border: $border-light !default;
|
|
113
|
-
$listview-groupheader-icon: $icon-color !default;
|
|
114
|
-
$listview-template-multiline-header-color: $content-text-color !default;
|
|
115
|
-
$listview-template-multiline-content-color: $content-text-color-alt2 !default;
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
@include export-module('list-box-fluent-icons') {
|
|
2
|
-
.e-listbox-tool .e-moveup::before {
|
|
3
|
-
content: '\e776';
|
|
4
|
-
}
|
|
5
|
-
|
|
6
|
-
.e-listbox-tool .e-movedown::before {
|
|
7
|
-
content: '\e729';
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
.e-listbox-tool .e-moveto::before {
|
|
11
|
-
content: '\e748';
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
.e-listbox-tool .e-movefrom::before {
|
|
15
|
-
content: '\e765';
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
.e-listbox-tool .e-moveallto::before {
|
|
19
|
-
content: '\e7a9';
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
.e-listbox-tool .e-moveallfrom::before {
|
|
23
|
-
content: '\e744';
|
|
24
|
-
}
|
|
25
|
-
}
|
|
@@ -1,214 +0,0 @@
|
|
|
1
|
-
$ddl-chip-mobile-close-font: 16px !default;
|
|
2
|
-
$ddl-multiselect-skin-name: $skin-name !default;
|
|
3
|
-
$ddl-delim-font-size: $text-sm !default;
|
|
4
|
-
$ddl-rtl-wrapper: 0 2px 0 32px !default;
|
|
5
|
-
$ddl-chip-mobile-bg: $primary !default;
|
|
6
|
-
$ddl-search-wrapper-width: calc(100% - 32px) !default;
|
|
7
|
-
$ddl-bigger-search-wrapper-width: calc(100% - 38px) !default;
|
|
8
|
-
$ddl-bigger-small-search-wrapper-width: calc(100% - 32px) !default;
|
|
9
|
-
$ddl-small-search-wrapper-width: calc(100% - 30px) !default;
|
|
10
|
-
$ddl-popup-shadow-value: $shadow-lg !default;
|
|
11
|
-
$ddl-remains-padding-left: 0 !default;
|
|
12
|
-
$ddl-chip-margin: 3px !default;
|
|
13
|
-
$ddl-chip-margin-bigger: 3px !default;
|
|
14
|
-
$ddl-chip-radius: 0 !default;
|
|
15
|
-
$ddl-chip-content-padding: 0 6px 0 0 !default;
|
|
16
|
-
$ddl-chip-mobile-content-padding: 8px 4px 8px 0 !default;
|
|
17
|
-
$ddl-chip-bigger-content-padding: 7px 8px 7px 4px !default;
|
|
18
|
-
$ddl-rtl-chip-mobile-content-padding: 8px 0 8px 4px !default;
|
|
19
|
-
$ddl-chip-padding: 0 6px 0 4px !default;
|
|
20
|
-
$ddl-chip-close-top: 0 !default;
|
|
21
|
-
$ddl-chip-close-left: 0 !default;
|
|
22
|
-
$ddl-chip-close-margin: 0 0 0 !default;
|
|
23
|
-
$ddl-chip-close-square: 14px !default;
|
|
24
|
-
$ddl-chip-hooker-square: 24px !default;
|
|
25
|
-
$ddl-chip-close-font: 14px !default;
|
|
26
|
-
$ddl-chip-height: 24px !default;
|
|
27
|
-
$ddl-chip-mobile-height: 30px !default;
|
|
28
|
-
$ddl-chip-collection-top: 0 !default;
|
|
29
|
-
$ddl-input-height: 30px !default;
|
|
30
|
-
$ddl-input-bigger-height: 36px !default;
|
|
31
|
-
$ddl-input-mob-height: 30px !default;
|
|
32
|
-
$ddl-control-height: 30px !default;
|
|
33
|
-
$ddl-control-bigger-height: 36px !default;
|
|
34
|
-
$ddl-delimviewheight: 28px !default;
|
|
35
|
-
$ddl-delimviewheight-bigger: 36px !default;
|
|
36
|
-
$ddl-delimview-bigger-padding-left: 12px !default;
|
|
37
|
-
$ddl-closer-hooker-font: $text-xxs !default;
|
|
38
|
-
$ddl-chip-font-family: $font-family !default;
|
|
39
|
-
$ddl-closer-margin-top: -2.4em !default;
|
|
40
|
-
$ddl-closer-margin-top-bigger: -2.7em !default;
|
|
41
|
-
$ddl-icon-margin-top: -2.1em !default;
|
|
42
|
-
$ddl-clear-margin-top: -2em !default;
|
|
43
|
-
$ddl-icon-margin-top-bigger: -2.25em !default;
|
|
44
|
-
$ddl-chip-mobile-radius: 2px !default;
|
|
45
|
-
$ddl-chip-sel-mobile-height: 40px !default;
|
|
46
|
-
$ddl-chip-selected-padding: 12px 4px 11px 0 !default;
|
|
47
|
-
$ddl-chip-mobile-close-margin: 3px 0 0 !default;
|
|
48
|
-
$ddl-chip-close-mob-margin: 8px 0 0 !default;
|
|
49
|
-
$ddl-closer-hooker-top: 100% !default;
|
|
50
|
-
$ddl-chip-hooker-right: 6px !default;
|
|
51
|
-
$ddl-chip-mob-left: 0 !default;
|
|
52
|
-
$ddl-chip-mob-padding: 0 0 0 16px !default;
|
|
53
|
-
$ddl-chip-font-size: $text-sm !default;
|
|
54
|
-
$ddl-chip-bigger-font-size: $text-base !default;
|
|
55
|
-
$ddl-chip-small-font-size: $text-xs !default;
|
|
56
|
-
$ddl-rtl-chip-close-left: 0 !default;
|
|
57
|
-
$ddl-rtl-chip-content-padding: 5px 4px !default;
|
|
58
|
-
$ddl-rtl-mob-chip-content-padding: 8px 4px !default;
|
|
59
|
-
$ddl-rtl-mob-chip-content-margin: 4px !default;
|
|
60
|
-
$ddl-rtl-mob-sel-chip-content-padding: 12px 4px !default;
|
|
61
|
-
$ddl-rtl-chip-padding: 0 8px 0 4px !default;
|
|
62
|
-
$ddl-rtl-mob-sel-chip-padding: 0 8px 0 4px !default;
|
|
63
|
-
$ddl-rtl-mob-chip-padding: 0 4px 0 8px !default;
|
|
64
|
-
$ddl-rtl-hooker-left: -4px !default;
|
|
65
|
-
$ddl-chip-close-mob-top: 0 !default;
|
|
66
|
-
$ddl-chip-close-mobile-top: 0 !default;
|
|
67
|
-
$ddl-control-placholder-padding: 0 32px 0 0 !default;
|
|
68
|
-
$ddl-overall-close-top: 4px !default;
|
|
69
|
-
$ddl-overall-close-left: 6px !default;
|
|
70
|
-
$ddl-sel-chip-close-mobile-top: 0 !default;
|
|
71
|
-
$ddl-sel-chip-close-mobile-left: 12px !default;
|
|
72
|
-
$ddl-chip-sel-mobile-close-height: 40px !default;
|
|
73
|
-
$ddl-chip-sel-mobile-close-margin: 0 0 0 0 !default;
|
|
74
|
-
$ddl-input-text-indent: 8px !default;
|
|
75
|
-
$ddl-rtl-chip-sel-close-left: -12px !default;
|
|
76
|
-
$ddl-popup-active-focus-border-width: 0 !default;
|
|
77
|
-
$ddl-popup-active-focus-shadow-item: none !default;
|
|
78
|
-
$ddl-popup-active-border-width: 0 !default;
|
|
79
|
-
$ddl-delim-text-indent: 8px !default;
|
|
80
|
-
$ddl-popup-normal-border-width: 0 !default;
|
|
81
|
-
$ddl-check-right: 12px !default;
|
|
82
|
-
$ddl-check-left: 12px !default;
|
|
83
|
-
$ddl-bigger-select-all-height: 48px !default;
|
|
84
|
-
$ddl-select-all-height: 36px !default;
|
|
85
|
-
$ddl-back-icon-margin: 2.5px 10px 0 -52px !default;
|
|
86
|
-
$ddl-back-icon-padding: 0 8px !default;
|
|
87
|
-
$ddl-filterbar-padding: 8px !default;
|
|
88
|
-
$ddl-bigger-filterbar-padding: 0 !default;
|
|
89
|
-
$ddl-delimviewheight-check-bigger: 34px !default;
|
|
90
|
-
$ddl-popup-reorder-border: $border-light !default;
|
|
91
|
-
$ddl-check-right-margin: 8px !default;
|
|
92
|
-
$ddl-bigger-check-right-margin: 12px !default;
|
|
93
|
-
$ddl-selectall-font-size: 14px !default;
|
|
94
|
-
$ddl-bigger-selectall-font-size: $text-base !default;
|
|
95
|
-
$ddl-close-icon-left: 25px !default;
|
|
96
|
-
$ddl-check-icon-top: 0 !default;
|
|
97
|
-
$ddl-bigger-check-right: 16px !default;
|
|
98
|
-
$ddl-delim-text-padding-right: 6px !default;
|
|
99
|
-
$ddl-list-rtl-padding-right: 15px !default;
|
|
100
|
-
$ddl-close-rtl-icon-left: 19px !default;
|
|
101
|
-
$ddl-chip-close-rtl-left: -7px !default;
|
|
102
|
-
$ddl-multiselect-group-list-item-rtl-padding-right: 25px !default;
|
|
103
|
-
$ddl-bigger-multiselect-group-list-item-rtl-padding-right: 25px !default;
|
|
104
|
-
$ddl-multiselect-group-list-group-item-padding-left: 16px !default;
|
|
105
|
-
$ddl-multiselect-group-checkbox-wrapper-padding-left: 0 !default;
|
|
106
|
-
$ddl-bigger-multiselect-group-checkbox-wrapper-padding-left: $ddl-multiselect-group-checkbox-wrapper-padding-left !default;
|
|
107
|
-
$ddl-multiselect-group-list-group-item-rtl-padding-right: 16px !default;
|
|
108
|
-
$ddl-multiselect-label-position: 15px !default;
|
|
109
|
-
$ddl-multiselect-filled-floatlabel-fontsize: 14px !default;
|
|
110
|
-
$ddl-multiselect-filled-float-input-min-height: 28px !default;
|
|
111
|
-
$ddl-multiselect-filled-input-min-height: 39px !default;
|
|
112
|
-
$ddl-multiselect-filled-float-input-chip-clear-icon-size: 12px !default;
|
|
113
|
-
$ddl-multiselect-filled-chip-clear-icon-size: 14px !default;
|
|
114
|
-
// Small size
|
|
115
|
-
$ddl-select-all-height-small: 26px !default;
|
|
116
|
-
$ddl-small-chip-height: 20px !default;
|
|
117
|
-
$ddl-chip-small-font-size: 12px !default;
|
|
118
|
-
$ddl-small-chip-close-square: 12px !default;
|
|
119
|
-
$ddl-small-chip-close-font: 12px !default;
|
|
120
|
-
$ddl-control-small-height: 24px !default;
|
|
121
|
-
$ddl-small-input-height: 24px !default;
|
|
122
|
-
$ddl-delim-small-font-size: 12px !default;
|
|
123
|
-
$ddl-small-closer-margin-top: -2em !default;
|
|
124
|
-
$ddl-chip-close-hooker-small-left: 0 !default;
|
|
125
|
-
$ddl-delimviewheight-small: 24px !default;
|
|
126
|
-
$ddl-multiselect-filled-input-min-height-small: 32px !default;
|
|
127
|
-
$ddl-multiselect-filled-float-input-min-height-small: 22px !default;
|
|
128
|
-
$ddl-multiselect-filled-floatlabel-fontsize-small: 10px !default;
|
|
129
|
-
$ddl-multiselect-filled-chip-clear-icon-size-small: 10px !default;
|
|
130
|
-
|
|
131
|
-
// Touch
|
|
132
|
-
$ddl-multiselect-filled-input-min-height-bigger: 52px !default;
|
|
133
|
-
$ddl-multiselect-filled-float-input-min-height-bigger: 36px !default;
|
|
134
|
-
$ddl-multiselect-filled-floatlabel-fontsize-bigger: 12px !default;
|
|
135
|
-
$ddl-bigger-chip-close-font: 14px !default;
|
|
136
|
-
$ddl-bigger-chip-close-square: 14px !default;
|
|
137
|
-
|
|
138
|
-
// Touch Small size
|
|
139
|
-
$ddl-select-all-height-bigger-small: 40px !default;
|
|
140
|
-
$ddl-bigger-small-chip-height: 26px !default;
|
|
141
|
-
$ddl-chip-bigger-small-font-size: 13px !default;
|
|
142
|
-
$ddl-bigger-small-chip-close-square: 14px !default;
|
|
143
|
-
$ddl-bigger-small-chip-close-font: 14px !default;
|
|
144
|
-
$ddl-control-bigger-small-height: 28px !default;
|
|
145
|
-
$ddl-bigger-small-input-height: 32px !default;
|
|
146
|
-
$ddl-delim-bigger-small-font-size: 13px !default;
|
|
147
|
-
$ddl-delimviewheight-bigger-small: 28px !default;
|
|
148
|
-
$ddl-closer-margin-top-bigger-small: -2.4em !default;
|
|
149
|
-
|
|
150
|
-
// color
|
|
151
|
-
|
|
152
|
-
$ddl-list-box-shadow-color: rgba(0, 0, 0, .21) !default;
|
|
153
|
-
$ddl-chip-selected-shadow-value: 0 2px 3px 1px $ddl-list-box-shadow-color !default;
|
|
154
|
-
$ddl-chip-mobile-font: $content-text-color !default;
|
|
155
|
-
$ddl-chip-bg-color: $content-bg-color-alt2 !default;
|
|
156
|
-
$ddl-chip-hover-bg-color: $content-bg-color-alt3 !default;
|
|
157
|
-
$ddl-chip-hover-font-color: $secondary-text-color !default;
|
|
158
|
-
$ddl-sel-hover-chip-bg-color: $secondary-bg-color-pressed !default;
|
|
159
|
-
$ddl-sel-chip-hover-font-color: $secondary-text-color !default;
|
|
160
|
-
$ddl-chip-font-color: $content-text-color !default;
|
|
161
|
-
$ddl-chip-close: $secondary-text-color !default;
|
|
162
|
-
$ddl-sel-chip-font-color: $content-text-color !default;
|
|
163
|
-
$ddl-sel-chip-close: $content-text-color !default;
|
|
164
|
-
$ddl-sel-chip-color: $content-text-color !default;
|
|
165
|
-
$ddl-sel-chip-bg-color: $content-bg-color-alt5 !default;
|
|
166
|
-
$ddl-remains-font-color: $content-text-color !default;
|
|
167
|
-
$ddl-popup-active-focus-bg-color: $content-bg-color-selected !default;
|
|
168
|
-
$ddl-popup-active-focus-font-color: $content-text-color-selected !default;
|
|
169
|
-
$ddl-popup-active-focus-border-color: transparent !default;
|
|
170
|
-
$ddl-input-placeholder: $placeholder-text-color !default;
|
|
171
|
-
$ddl-popup-active-border-color: $border-selected !default;
|
|
172
|
-
$ddl-multi-list-default-font-color: $content-text-color !default;
|
|
173
|
-
$ddl-multi-list-hover-bg-color: $content-bg-color-hover !default;
|
|
174
|
-
$ddl-delim-font-color: $content-text-color !default;
|
|
175
|
-
$ddl-close-icon-color: $content-text-color !default;
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
@include export-module('multiselect-bootstrap5') {
|
|
179
|
-
.e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
|
|
180
|
-
line-height: 30px;
|
|
181
|
-
top: 0;
|
|
182
|
-
}
|
|
183
|
-
|
|
184
|
-
.e-multiselect .e-input-group-icon.e-ddl-icon {
|
|
185
|
-
border-radius: 0 4px 4px 0;
|
|
186
|
-
border-right-width: 0;
|
|
187
|
-
}
|
|
188
|
-
|
|
189
|
-
.e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
|
|
190
|
-
border-left-width: 0;
|
|
191
|
-
border-radius: 4px 0 0 4px;
|
|
192
|
-
border-right-width: 1px;
|
|
193
|
-
}
|
|
194
|
-
|
|
195
|
-
.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
|
|
196
|
-
height: 32px;
|
|
197
|
-
width: 32px;
|
|
198
|
-
}
|
|
199
|
-
|
|
200
|
-
.e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
|
|
201
|
-
height: $ddl-chip-hooker-square;
|
|
202
|
-
width: $ddl-chip-hooker-square;
|
|
203
|
-
}
|
|
204
|
-
|
|
205
|
-
.e-multi-select-wrapper .e-searcher input[type='text'] {
|
|
206
|
-
color: $content-text-color;
|
|
207
|
-
height: 100%;
|
|
208
|
-
}
|
|
209
|
-
|
|
210
|
-
.e-multiselect .e-input-group-icon.e-ddl-icon {
|
|
211
|
-
border-left-width: 0;
|
|
212
|
-
}
|
|
213
|
-
}
|
|
214
|
-
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
@include export-module('multiselect-fluent-icons') {
|
|
2
|
-
.e-multiselect.e-input-group .e-ddl-icon::before {
|
|
3
|
-
content: '\e7c3';
|
|
4
|
-
font-family: 'e-icons';
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
.e-multi-select-wrapper .e-chips .e-chips-close::before {
|
|
8
|
-
content: '\e74f';
|
|
9
|
-
cursor: pointer;
|
|
10
|
-
left: $ddl-chip-close-left;
|
|
11
|
-
position: relative;
|
|
12
|
-
top: $ddl-chip-close-top;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
.e-multi-select-wrapper .e-close-hooker::before {
|
|
16
|
-
content: '\e74f';
|
|
17
|
-
cursor: pointer;
|
|
18
|
-
left: $ddl-overall-close-left;
|
|
19
|
-
position: relative;
|
|
20
|
-
top: $ddl-overall-close-top;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
.e-multiselect.e-input-group .e-ddl-disable-icon::before {
|
|
24
|
-
content: '';
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
|