@syncfusion/ej2-angular-dropdowns 20.2.48 → 20.2.50
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/package.json +7 -7
- package/schematics/utils/lib-details.ts +2 -2
- package/styles/auto-complete/_all.scss +1 -1
- package/styles/auto-complete/_bootstrap-dark-definition.scss +1 -1
- package/styles/auto-complete/_bootstrap-definition.scss +1 -1
- package/styles/auto-complete/_bootstrap4-definition.scss +2 -2
- package/styles/auto-complete/_bootstrap5-definition.scss +1 -1
- package/styles/auto-complete/_fabric-dark-definition.scss +1 -1
- package/styles/auto-complete/_fabric-definition.scss +1 -1
- package/styles/auto-complete/_fluent-definition.scss +1 -1
- package/styles/auto-complete/_fusionnew-definition.scss +1 -1
- package/styles/auto-complete/_highcontrast-definition.scss +1 -1
- package/styles/auto-complete/_highcontrast-light-definition.scss +1 -1
- package/styles/auto-complete/_material-dark-definition.scss +1 -1
- package/styles/auto-complete/_material-definition.scss +1 -1
- package/styles/auto-complete/_material3-definition.scss +1 -1
- package/styles/auto-complete/_tailwind-definition.scss +1 -1
- package/styles/auto-complete/bootstrap-dark.css +1 -3
- package/styles/auto-complete/bootstrap.css +1 -3
- package/styles/auto-complete/bootstrap4.css +1 -3
- package/styles/auto-complete/bootstrap5-dark.css +1 -3
- package/styles/auto-complete/bootstrap5.css +1 -3
- package/styles/auto-complete/fabric-dark.css +1 -3
- package/styles/auto-complete/fabric.css +1 -3
- package/styles/auto-complete/fluent-dark.css +1 -3
- package/styles/auto-complete/fluent.css +1 -3
- package/styles/auto-complete/highcontrast-light.css +1 -3
- package/styles/auto-complete/highcontrast.css +1 -3
- package/styles/auto-complete/material-dark.css +1 -3
- package/styles/auto-complete/material.css +1 -3
- package/styles/auto-complete/tailwind-dark.css +1 -3
- package/styles/auto-complete/tailwind.css +1 -3
- package/styles/bootstrap-dark.css +42 -72
- package/styles/bootstrap-dark.scss +0 -1
- package/styles/bootstrap.css +42 -72
- package/styles/bootstrap.scss +0 -1
- package/styles/bootstrap4.css +42 -73
- package/styles/bootstrap4.scss +0 -1
- package/styles/bootstrap5-dark.css +44 -79
- package/styles/bootstrap5-dark.scss +0 -1
- package/styles/bootstrap5.css +44 -79
- package/styles/bootstrap5.scss +0 -1
- package/styles/combo-box/_all.scss +1 -1
- package/styles/combo-box/_bootstrap-dark-definition.scss +1 -1
- package/styles/combo-box/_bootstrap-definition.scss +1 -1
- package/styles/combo-box/_bootstrap4-definition.scss +2 -2
- package/styles/combo-box/_bootstrap5-definition.scss +1 -1
- package/styles/combo-box/_fabric-dark-definition.scss +1 -1
- package/styles/combo-box/_fabric-definition.scss +1 -1
- package/styles/combo-box/_fluent-definition.scss +1 -1
- package/styles/combo-box/_fusionnew-definition.scss +1 -1
- package/styles/combo-box/_highcontrast-definition.scss +1 -1
- package/styles/combo-box/_highcontrast-light-definition.scss +1 -1
- package/styles/combo-box/_material-dark-definition.scss +1 -1
- package/styles/combo-box/_material-definition.scss +1 -1
- package/styles/combo-box/_material3-definition.scss +1 -1
- package/styles/combo-box/_tailwind-definition.scss +1 -1
- package/styles/combo-box/bootstrap-dark.css +1 -3
- package/styles/combo-box/bootstrap.css +1 -3
- package/styles/combo-box/bootstrap4.css +1 -3
- package/styles/combo-box/bootstrap5-dark.css +1 -3
- package/styles/combo-box/bootstrap5.css +1 -3
- package/styles/combo-box/fabric-dark.css +1 -3
- package/styles/combo-box/fabric.css +1 -3
- package/styles/combo-box/fluent-dark.css +1 -3
- package/styles/combo-box/fluent.css +1 -3
- package/styles/combo-box/highcontrast-light.css +1 -3
- package/styles/combo-box/highcontrast.css +1 -3
- package/styles/combo-box/material-dark.css +1 -3
- package/styles/combo-box/material.css +1 -3
- package/styles/combo-box/tailwind-dark.css +1 -3
- package/styles/combo-box/tailwind.css +1 -3
- package/styles/drop-down-base/_all.scss +1 -1
- package/styles/drop-down-base/_bootstrap-dark-definition.scss +2 -5
- package/styles/drop-down-base/_bootstrap-definition.scss +1 -3
- package/styles/drop-down-base/_bootstrap4-definition.scss +1 -3
- package/styles/drop-down-base/_bootstrap5-definition.scss +3 -5
- package/styles/drop-down-base/_fabric-dark-definition.scss +1 -3
- package/styles/drop-down-base/_fabric-definition.scss +1 -3
- package/styles/drop-down-base/_fluent-definition.scss +2 -5
- package/styles/drop-down-base/_fusionnew-definition.scss +3 -5
- package/styles/drop-down-base/_highcontrast-definition.scss +6 -13
- package/styles/drop-down-base/_highcontrast-light-definition.scss +7 -15
- package/styles/drop-down-base/_layout.scss +3 -40
- package/styles/drop-down-base/_material-dark-definition.scss +1 -4
- package/styles/drop-down-base/_material-definition.scss +0 -3
- package/styles/drop-down-base/_material3-definition.scss +3 -5
- package/styles/drop-down-base/_tailwind-definition.scss +3 -5
- package/styles/drop-down-base/_theme.scss +4 -4
- package/styles/drop-down-base/bootstrap-dark.css +1 -38
- package/styles/drop-down-base/bootstrap.css +1 -38
- package/styles/drop-down-base/bootstrap4.css +1 -38
- package/styles/drop-down-base/bootstrap5-dark.css +1 -38
- package/styles/drop-down-base/bootstrap5.css +1 -38
- package/styles/drop-down-base/fabric-dark.css +1 -38
- package/styles/drop-down-base/fabric.css +1 -38
- package/styles/drop-down-base/fluent-dark.css +1 -38
- package/styles/drop-down-base/fluent.css +1 -38
- package/styles/drop-down-base/highcontrast-light.css +1 -38
- package/styles/drop-down-base/highcontrast.css +1 -38
- package/styles/drop-down-base/material-dark.css +1 -38
- package/styles/drop-down-base/material.css +1 -38
- package/styles/drop-down-base/tailwind-dark.css +1 -38
- package/styles/drop-down-base/tailwind.css +1 -38
- package/styles/drop-down-list/_all.scss +1 -2
- package/styles/drop-down-list/_bootstrap-dark-definition.scss +1 -2
- package/styles/drop-down-list/_bootstrap-definition.scss +1 -2
- package/styles/drop-down-list/_bootstrap4-definition.scss +1 -3
- package/styles/drop-down-list/_bootstrap5-definition.scss +3 -3
- package/styles/drop-down-list/_fabric-dark-definition.scss +1 -2
- package/styles/drop-down-list/_fabric-definition.scss +0 -2
- package/styles/drop-down-list/_fluent-definition.scss +1 -2
- package/styles/drop-down-list/_fusionnew-definition.scss +3 -3
- package/styles/drop-down-list/_highcontrast-definition.scss +10 -21
- package/styles/drop-down-list/_highcontrast-light-definition.scss +11 -22
- package/styles/drop-down-list/_layout.scss +9 -8
- package/styles/drop-down-list/_material-dark-definition.scss +2 -2
- package/styles/drop-down-list/_material-definition.scss +0 -1
- package/styles/drop-down-list/_material3-definition.scss +3 -3
- package/styles/drop-down-list/_tailwind-definition.scss +0 -1
- package/styles/drop-down-list/_theme.scss +3 -3
- package/styles/drop-down-list/bootstrap-dark.css +0 -5
- package/styles/drop-down-list/bootstrap.css +0 -5
- package/styles/drop-down-list/bootstrap4.css +0 -5
- package/styles/drop-down-list/bootstrap5-dark.css +0 -6
- package/styles/drop-down-list/bootstrap5.css +0 -6
- package/styles/drop-down-list/fabric-dark.css +0 -5
- package/styles/drop-down-list/fabric.css +0 -5
- package/styles/drop-down-list/fluent-dark.css +0 -6
- package/styles/drop-down-list/fluent.css +0 -6
- package/styles/drop-down-list/highcontrast-light.css +0 -5
- package/styles/drop-down-list/highcontrast.css +0 -5
- package/styles/drop-down-list/icons/_bootstrap.scss +1 -0
- package/styles/drop-down-list/icons/_fabric.scss +1 -0
- package/styles/drop-down-list/icons/_material.scss +1 -0
- package/styles/drop-down-list/material-dark.css +0 -5
- package/styles/drop-down-list/material.css +0 -5
- package/styles/drop-down-list/tailwind-dark.css +0 -6
- package/styles/drop-down-list/tailwind.css +0 -6
- package/styles/drop-down-tree/_all.scss +1 -1
- package/styles/drop-down-tree/_bootstrap-dark-definition.scss +1 -1
- package/styles/drop-down-tree/_bootstrap-definition.scss +1 -1
- package/styles/drop-down-tree/_bootstrap4-definition.scss +1 -1
- package/styles/drop-down-tree/_bootstrap5-definition.scss +2 -2
- package/styles/drop-down-tree/_fabric-dark-definition.scss +1 -1
- package/styles/drop-down-tree/_fabric-definition.scss +2 -2
- package/styles/drop-down-tree/_fluent-definition.scss +2 -2
- package/styles/drop-down-tree/_fusionnew-definition.scss +2 -2
- package/styles/drop-down-tree/_highcontrast-definition.scss +1 -1
- package/styles/drop-down-tree/_highcontrast-light-definition.scss +1 -1
- package/styles/drop-down-tree/_layout.scss +2 -1
- package/styles/drop-down-tree/_material-dark-definition.scss +2 -2
- package/styles/drop-down-tree/_material-definition.scss +2 -2
- package/styles/drop-down-tree/_material3-definition.scss +2 -2
- package/styles/drop-down-tree/_tailwind-definition.scss +2 -2
- package/styles/drop-down-tree/bootstrap-dark.css +0 -4
- package/styles/drop-down-tree/bootstrap.css +0 -4
- package/styles/drop-down-tree/bootstrap4.css +0 -4
- package/styles/drop-down-tree/bootstrap5-dark.css +0 -5
- package/styles/drop-down-tree/bootstrap5.css +0 -5
- package/styles/drop-down-tree/fabric-dark.css +0 -4
- package/styles/drop-down-tree/fabric.css +0 -4
- package/styles/drop-down-tree/fluent-dark.css +0 -5
- package/styles/drop-down-tree/fluent.css +0 -5
- package/styles/drop-down-tree/highcontrast-light.css +0 -4
- package/styles/drop-down-tree/highcontrast.css +0 -4
- package/styles/drop-down-tree/icons/_bootstrap.scss +1 -0
- package/styles/drop-down-tree/icons/_bootstrap4.scss +1 -0
- package/styles/drop-down-tree/icons/_fabric.scss +1 -0
- package/styles/drop-down-tree/icons/_highcontrast-light.scss +1 -0
- package/styles/drop-down-tree/icons/_highcontrast.scss +1 -0
- package/styles/drop-down-tree/icons/_material-dark.scss +1 -0
- package/styles/drop-down-tree/icons/_material.scss +1 -0
- package/styles/drop-down-tree/material-dark.css +0 -4
- package/styles/drop-down-tree/material.css +0 -4
- package/styles/drop-down-tree/tailwind-dark.css +0 -5
- package/styles/drop-down-tree/tailwind.css +0 -5
- package/styles/fabric-dark.css +42 -72
- package/styles/fabric-dark.scss +0 -1
- package/styles/fabric.css +42 -72
- package/styles/fabric.scss +0 -1
- package/styles/fluent-dark.css +44 -79
- package/styles/fluent-dark.scss +0 -1
- package/styles/fluent.css +44 -79
- package/styles/fluent.scss +0 -1
- package/styles/highcontrast-light.css +42 -75
- package/styles/highcontrast-light.scss +0 -1
- package/styles/highcontrast.css +42 -75
- package/styles/highcontrast.scss +0 -1
- package/styles/list-box/_all.scss +1 -1
- package/styles/list-box/_bootstrap-dark-definition.scss +0 -2
- package/styles/list-box/_bootstrap-definition.scss +0 -1
- package/styles/list-box/_bootstrap4-definition.scss +0 -1
- package/styles/list-box/_bootstrap5-definition.scss +0 -3
- package/styles/list-box/_fabric-dark-definition.scss +1 -3
- package/styles/list-box/_fabric-definition.scss +0 -1
- package/styles/list-box/_fluent-definition.scss +0 -3
- package/styles/list-box/_fusionnew-definition.scss +0 -1
- package/styles/list-box/_highcontrast-definition.scss +0 -1
- package/styles/list-box/_highcontrast-light-definition.scss +1 -3
- package/styles/list-box/_layout.scss +17 -8
- package/styles/list-box/_material-dark-definition.scss +0 -2
- package/styles/list-box/_material-definition.scss +0 -1
- package/styles/list-box/_material3-definition.scss +0 -1
- package/styles/list-box/_tailwind-definition.scss +0 -3
- package/styles/list-box/_theme.scss +25 -11
- package/styles/list-box/bootstrap-dark.css +33 -12
- package/styles/list-box/bootstrap.css +35 -14
- package/styles/list-box/bootstrap4.css +35 -14
- package/styles/list-box/bootstrap5-dark.css +36 -15
- package/styles/list-box/bootstrap5.css +36 -15
- package/styles/list-box/fabric-dark.css +33 -12
- package/styles/list-box/fabric.css +35 -14
- package/styles/list-box/fluent-dark.css +36 -15
- package/styles/list-box/fluent.css +36 -15
- package/styles/list-box/highcontrast-light.css +33 -12
- package/styles/list-box/highcontrast.css +35 -14
- package/styles/list-box/icons/_bootstrap-dark.scss +2 -2
- package/styles/list-box/icons/_bootstrap.scss +1 -1
- package/styles/list-box/icons/_bootstrap4.scss +1 -1
- package/styles/list-box/icons/_bootstrap5.scss +1 -1
- package/styles/list-box/icons/_fabric-dark.scss +1 -1
- package/styles/list-box/icons/_fabric.scss +1 -1
- package/styles/list-box/icons/_fluent.scss +1 -1
- package/styles/list-box/icons/_fusionnew.scss +1 -1
- package/styles/list-box/icons/_highcontrast-light.scss +1 -1
- package/styles/list-box/icons/_highcontrast.scss +1 -1
- package/styles/list-box/icons/_material-dark.scss +1 -1
- package/styles/list-box/icons/_material.scss +2 -2
- package/styles/list-box/icons/_material3.scss +1 -1
- package/styles/list-box/icons/_tailwind-dark.scss +1 -1
- package/styles/list-box/icons/_tailwind.scss +1 -1
- package/styles/list-box/material-dark.css +33 -12
- package/styles/list-box/material.css +35 -14
- package/styles/list-box/tailwind-dark.css +36 -15
- package/styles/list-box/tailwind.css +36 -15
- package/styles/material-dark.css +42 -72
- package/styles/material-dark.scss +0 -1
- package/styles/material.css +42 -72
- package/styles/material.scss +0 -1
- package/styles/multi-select/_all.scss +1 -1
- package/styles/multi-select/_bootstrap-dark-definition.scss +1 -4
- package/styles/multi-select/_bootstrap-definition.scss +0 -2
- package/styles/multi-select/_bootstrap4-definition.scss +2 -5
- package/styles/multi-select/_bootstrap5-definition.scss +2 -2
- package/styles/multi-select/_fabric-dark-definition.scss +3 -5
- package/styles/multi-select/_fabric-definition.scss +2 -4
- package/styles/multi-select/_fluent-definition.scss +1 -2
- package/styles/multi-select/_fusionnew-definition.scss +2 -2
- package/styles/multi-select/_highcontrast-definition.scss +24 -47
- package/styles/multi-select/_highcontrast-light-definition.scss +25 -48
- package/styles/multi-select/_layout.scss +71 -59
- package/styles/multi-select/_material-dark-definition.scss +1 -3
- package/styles/multi-select/_material-definition.scss +0 -1
- package/styles/multi-select/_material3-definition.scss +2 -2
- package/styles/multi-select/_tailwind-definition.scss +3 -2
- package/styles/multi-select/_theme.scss +21 -16
- package/styles/multi-select/bootstrap-dark.css +6 -10
- package/styles/multi-select/bootstrap.css +6 -10
- package/styles/multi-select/bootstrap4.css +6 -10
- package/styles/multi-select/bootstrap5-dark.css +6 -11
- package/styles/multi-select/bootstrap5.css +6 -11
- package/styles/multi-select/fabric-dark.css +6 -10
- package/styles/multi-select/fabric.css +6 -10
- package/styles/multi-select/fluent-dark.css +6 -11
- package/styles/multi-select/fluent.css +6 -11
- package/styles/multi-select/highcontrast-light.css +6 -13
- package/styles/multi-select/highcontrast.css +6 -13
- package/styles/multi-select/icons/_bootstrap5.scss +1 -0
- package/styles/multi-select/icons/_fluent.scss +1 -0
- package/styles/multi-select/icons/_fusionnew.scss +1 -0
- package/styles/multi-select/icons/_material-dark.scss +54 -53
- package/styles/multi-select/icons/_material.scss +54 -53
- package/styles/multi-select/icons/_material3.scss +1 -0
- package/styles/multi-select/icons/_tailwind.scss +1 -0
- package/styles/multi-select/material-dark.css +6 -10
- package/styles/multi-select/material.css +6 -10
- package/styles/multi-select/tailwind-dark.css +6 -11
- package/styles/multi-select/tailwind.css +6 -11
- package/styles/tailwind-dark.css +44 -80
- package/styles/tailwind-dark.scss +0 -1
- package/styles/tailwind.css +44 -80
- package/styles/tailwind.scss +0 -1
- package/styles/mention/_all.scss +0 -1
- package/styles/mention/_bootstrap-dark-definition.scss +0 -3
- package/styles/mention/_bootstrap-definition.scss +0 -3
- package/styles/mention/_bootstrap4-definition.scss +0 -3
- package/styles/mention/_bootstrap5-dark-definition.scss +0 -1
- package/styles/mention/_bootstrap5-definition.scss +0 -1
- package/styles/mention/_fabric-dark-definition.scss +0 -2
- package/styles/mention/_fabric-definition.scss +0 -3
- package/styles/mention/_fluent-dark-definition.scss +0 -1
- package/styles/mention/_fluent-definition.scss +0 -1
- package/styles/mention/_fusionnew-definition.scss +0 -1
- package/styles/mention/_highcontrast-definition.scss +0 -3
- package/styles/mention/_highcontrast-light-definition.scss +0 -3
- package/styles/mention/_layout.scss +0 -6
- package/styles/mention/_material-dark-definition.scss +0 -3
- package/styles/mention/_material-definition.scss +0 -3
- package/styles/mention/_material3-definition.scss +0 -1
- package/styles/mention/_tailwind-dark-definition.scss +0 -1
- package/styles/mention/_tailwind-definition.scss +0 -1
- package/styles/mention/bootstrap-dark.css +0 -12
- package/styles/mention/bootstrap-dark.scss +0 -4
- package/styles/mention/bootstrap.css +0 -12
- package/styles/mention/bootstrap.scss +0 -4
- package/styles/mention/bootstrap4.css +0 -30
- package/styles/mention/bootstrap4.scss +0 -4
- package/styles/mention/bootstrap5-dark.css +0 -40
- package/styles/mention/bootstrap5-dark.scss +0 -4
- package/styles/mention/bootstrap5.css +0 -40
- package/styles/mention/bootstrap5.scss +0 -4
- package/styles/mention/fabric-dark.css +0 -12
- package/styles/mention/fabric-dark.scss +0 -4
- package/styles/mention/fabric.css +0 -12
- package/styles/mention/fabric.scss +0 -4
- package/styles/mention/fluent-dark.css +0 -40
- package/styles/mention/fluent-dark.scss +0 -4
- package/styles/mention/fluent.css +0 -40
- package/styles/mention/fluent.scss +0 -4
- package/styles/mention/highcontrast-light.css +0 -26
- package/styles/mention/highcontrast-light.scss +0 -4
- package/styles/mention/highcontrast.css +0 -26
- package/styles/mention/highcontrast.scss +0 -4
- package/styles/mention/material-dark.css +0 -12
- package/styles/mention/material-dark.scss +0 -4
- package/styles/mention/material.css +0 -12
- package/styles/mention/material.scss +0 -4
- package/styles/mention/tailwind-dark.css +0 -50
- package/styles/mention/tailwind-dark.scss +0 -4
- package/styles/mention/tailwind.css +0 -50
- package/styles/mention/tailwind.scss +0 -4
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.e-multi-select-wrapper {
|
|
1
|
+
.e-multi-select-wrapper {
|
|
2
2
|
box-sizing: border-box;
|
|
3
3
|
cursor: text;
|
|
4
4
|
line-height: normal;
|
|
@@ -12,8 +12,7 @@
|
|
|
12
12
|
#{if(&, '&', '*')} .e-searcher,
|
|
13
13
|
#{if(&, '&', '*')} .e-multi-searcher {
|
|
14
14
|
height: 27px;
|
|
15
|
-
vertical-align: middle
|
|
16
|
-
#{if(&, '&', '*')} .e-dropdownbase {
|
|
15
|
+
vertical-align: middle;#{if(&, '&', '*')} .e-dropdownbase {
|
|
17
16
|
height: 100%;
|
|
18
17
|
min-height: 100%;
|
|
19
18
|
}
|
|
@@ -52,13 +51,14 @@
|
|
|
52
51
|
.e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
|
|
53
52
|
width: 0;
|
|
54
53
|
|
|
55
|
-
input[type
|
|
54
|
+
input[type='text'] {
|
|
56
55
|
height: 1px;
|
|
57
56
|
min-height: 1px;
|
|
58
57
|
}
|
|
58
|
+
|
|
59
59
|
}
|
|
60
60
|
|
|
61
|
-
.e-chips.e-mob-chip
|
|
61
|
+
.e-chips.e-mob-chip>.e-chipcontent {
|
|
62
62
|
max-width: 100%;
|
|
63
63
|
}
|
|
64
64
|
}
|
|
@@ -218,7 +218,7 @@
|
|
|
218
218
|
margin: $ddl-chip-margin-bigger;
|
|
219
219
|
}
|
|
220
220
|
|
|
221
|
-
.e-multi-select-wrapper .e-chips
|
|
221
|
+
.e-multi-select-wrapper .e-chips>.e-chipcontent {
|
|
222
222
|
max-width: 100%;
|
|
223
223
|
overflow: hidden;
|
|
224
224
|
padding: $ddl-chip-content-padding;
|
|
@@ -237,12 +237,12 @@
|
|
|
237
237
|
}
|
|
238
238
|
}
|
|
239
239
|
|
|
240
|
-
.e-multi-select-wrapper .e-mob-chip.e-chips
|
|
241
|
-
.e-bigger .e-multi-select-wrapper .e-chips
|
|
240
|
+
.e-multi-select-wrapper .e-mob-chip.e-chips>.e-chipcontent,
|
|
241
|
+
.e-bigger .e-multi-select-wrapper .e-chips>.e-chipcontent {
|
|
242
242
|
padding: $ddl-chip-mobile-content-padding;
|
|
243
243
|
}
|
|
244
244
|
|
|
245
|
-
.e-bigger .e-multi-select-wrapper .e-chips
|
|
245
|
+
.e-bigger .e-multi-select-wrapper .e-chips>.e-chipcontent {
|
|
246
246
|
@if $ddl-multiselect-skin-name == 'bootstrap4' or $ddl-multiselect-skin-name == 'bootstrap5' {
|
|
247
247
|
padding: $ddl-chip-bigger-content-padding;
|
|
248
248
|
}
|
|
@@ -279,6 +279,7 @@
|
|
|
279
279
|
right: $ddl-chip-hooker-right;
|
|
280
280
|
top: $ddl-closer-hooker-top;
|
|
281
281
|
width: $ddl-chip-hooker-square;
|
|
282
|
+
|
|
282
283
|
}
|
|
283
284
|
|
|
284
285
|
.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
|
|
@@ -407,12 +408,12 @@
|
|
|
407
408
|
}
|
|
408
409
|
}
|
|
409
410
|
|
|
410
|
-
.e-multi-select-wrapper input[type
|
|
411
|
+
.e-multi-select-wrapper input[type='text'] {
|
|
411
412
|
background: none;
|
|
412
413
|
border: 0;
|
|
413
414
|
font-family: $ddl-chip-font-family;
|
|
414
415
|
font-size: $ddl-chip-font-size;
|
|
415
|
-
font-weight:
|
|
416
|
+
font-weight: 400;
|
|
416
417
|
height: $ddl-input-height;
|
|
417
418
|
min-height: $ddl-input-height;
|
|
418
419
|
outline: none;
|
|
@@ -420,13 +421,13 @@
|
|
|
420
421
|
text-indent: $ddl-input-text-indent;
|
|
421
422
|
}
|
|
422
423
|
|
|
423
|
-
.e-multiselect.e-filled
|
|
424
|
+
.e-multiselect.e-filled .e-multi-select-wrapper input[type='text'] {
|
|
424
425
|
background: none;
|
|
425
426
|
border: 0;
|
|
426
427
|
color: inherit;
|
|
427
428
|
font-family: $ddl-chip-font-family;
|
|
428
429
|
font-size: $ddl-delim-font-size;
|
|
429
|
-
font-weight:
|
|
430
|
+
font-weight: 400;
|
|
430
431
|
height: $ddl-input-height;
|
|
431
432
|
min-height: $ddl-input-height;
|
|
432
433
|
outline: none;
|
|
@@ -434,17 +435,17 @@
|
|
|
434
435
|
text-indent: $ddl-input-text-indent;
|
|
435
436
|
}
|
|
436
437
|
|
|
437
|
-
.e-rtl.e-multiselect.e-filled
|
|
438
|
+
.e-rtl.e-multiselect.e-filled .e-multi-select-wrapper input[type='text'] {
|
|
438
439
|
padding: 5px;
|
|
439
440
|
}
|
|
440
441
|
|
|
441
|
-
.e-bigger .e-multi-select-wrapper input[type
|
|
442
|
-
.e-multi-select-wrapper.e-mob-wrapper input[type
|
|
442
|
+
.e-bigger .e-multi-select-wrapper input[type='text'],
|
|
443
|
+
.e-multi-select-wrapper.e-mob-wrapper input[type='text'] {
|
|
443
444
|
height: $ddl-input-height;
|
|
444
445
|
min-height: $ddl-input-height;
|
|
445
446
|
}
|
|
446
447
|
|
|
447
|
-
.e-bigger .e-multi-select-wrapper input[type
|
|
448
|
+
.e-bigger .e-multi-select-wrapper input[type='text'] {
|
|
448
449
|
@if $ddl-multiselect-skin-name == 'bootstrap4' {
|
|
449
450
|
font-size: $ddl-chip-bigger-font-size;
|
|
450
451
|
}
|
|
@@ -455,8 +456,8 @@
|
|
|
455
456
|
min-height: $ddl-input-bigger-height;
|
|
456
457
|
}
|
|
457
458
|
|
|
458
|
-
|
|
459
|
-
.e-multi-select-wrapper
|
|
459
|
+
// sass-lint:disable no-vendor-prefixes
|
|
460
|
+
.e-multi-select-wrapper input[type='text']::-ms-clear {
|
|
460
461
|
display: none;
|
|
461
462
|
}
|
|
462
463
|
|
|
@@ -661,7 +662,7 @@
|
|
|
661
662
|
.e-chipcontent {
|
|
662
663
|
padding: $ddl-rtl-mob-sel-chip-content-padding;
|
|
663
664
|
}
|
|
664
|
-
|
|
665
|
+
}
|
|
665
666
|
|
|
666
667
|
.e-chips-close.e-close-hooker {
|
|
667
668
|
left: $ddl-close-icon-left;
|
|
@@ -670,15 +671,16 @@
|
|
|
670
671
|
@if $ddl-multiselect-skin-name == 'bootstrap5' or $ddl-multiselect-skin-name == 'tailwind' {
|
|
671
672
|
left: 0;
|
|
672
673
|
}
|
|
673
|
-
|
|
674
|
+
}
|
|
674
675
|
|
|
675
676
|
.e-close-hooker::before {
|
|
676
677
|
left: $ddl-rtl-hooker-left;
|
|
677
|
-
|
|
678
|
+
}
|
|
678
679
|
|
|
679
680
|
.e-delim-values .e-remain {
|
|
680
681
|
padding-right: $ddl-remains-padding-left;
|
|
681
682
|
}
|
|
683
|
+
|
|
682
684
|
}
|
|
683
685
|
}
|
|
684
686
|
|
|
@@ -979,7 +981,7 @@
|
|
|
979
981
|
opacity: .7;
|
|
980
982
|
}
|
|
981
983
|
|
|
982
|
-
.e-multi-select-wrapper input[readonly
|
|
984
|
+
.e-multi-select-wrapper input[readonly='true'] {
|
|
983
985
|
pointer-events: none;
|
|
984
986
|
}
|
|
985
987
|
|
|
@@ -1004,6 +1006,7 @@ ejs-multiselect {
|
|
|
1004
1006
|
}
|
|
1005
1007
|
}
|
|
1006
1008
|
|
|
1009
|
+
|
|
1007
1010
|
// small size
|
|
1008
1011
|
.e-small.e-multi-select-list-wrapper .e-selectall-parent,
|
|
1009
1012
|
.e-small .e-multi-select-list-wrapper .e-selectall-parent {
|
|
@@ -1044,7 +1047,7 @@ ejs-multiselect {
|
|
|
1044
1047
|
}
|
|
1045
1048
|
}
|
|
1046
1049
|
|
|
1047
|
-
.e-small .e-multi-select-wrapper input[type
|
|
1050
|
+
.e-small .e-multi-select-wrapper input[type='text'] {
|
|
1048
1051
|
@if $ddl-multiselect-skin-name == 'tailwind' {
|
|
1049
1052
|
font-size: $ddl-chip-small-font-size;
|
|
1050
1053
|
}
|
|
@@ -1067,7 +1070,7 @@ ejs-multiselect {
|
|
|
1067
1070
|
}
|
|
1068
1071
|
}
|
|
1069
1072
|
|
|
1070
|
-
.e-small .e-multi-select-wrapper .e-chips
|
|
1073
|
+
.e-small .e-multi-select-wrapper .e-chips>.e-chipcontent {
|
|
1071
1074
|
@if $ddl-multiselect-skin-name == 'bootstrap4' {
|
|
1072
1075
|
padding: $ddl-chip-small-content-padding;
|
|
1073
1076
|
}
|
|
@@ -1092,7 +1095,7 @@ ejs-multiselect {
|
|
|
1092
1095
|
min-height: $ddl-control-bigger-small-height;
|
|
1093
1096
|
}
|
|
1094
1097
|
|
|
1095
|
-
.e-bigger.e-small .e-multi-select-wrapper input[type
|
|
1098
|
+
.e-bigger.e-small .e-multi-select-wrapper input[type='text'] {
|
|
1096
1099
|
@if $ddl-multiselect-skin-name == 'tailwind' {
|
|
1097
1100
|
font-size: $ddl-chip-bigger-small-font-size;
|
|
1098
1101
|
}
|
|
@@ -1121,7 +1124,7 @@ ejs-multiselect {
|
|
|
1121
1124
|
}
|
|
1122
1125
|
}
|
|
1123
1126
|
|
|
1124
|
-
.e-small.e-bigger .e-multi-select-wrapper .e-chips
|
|
1127
|
+
.e-small.e-bigger .e-multi-select-wrapper .e-chips>.e-chipcontent {
|
|
1125
1128
|
@if $ddl-multiselect-skin-name == 'bootstrap4' {
|
|
1126
1129
|
padding: $ddl-chip-bigger-content-padding;
|
|
1127
1130
|
}
|
|
@@ -1140,7 +1143,7 @@ ejs-multiselect {
|
|
|
1140
1143
|
|
|
1141
1144
|
// Outline textbox configuration
|
|
1142
1145
|
|
|
1143
|
-
.e-multiselect.e-outline .e-multi-select-wrapper input[type
|
|
1146
|
+
.e-multiselect.e-outline .e-multi-select-wrapper input[type='text'] {
|
|
1144
1147
|
color: inherit;
|
|
1145
1148
|
@if $ddl-multiselect-skin-name == 'material' {
|
|
1146
1149
|
font-size: inherit;
|
|
@@ -1149,14 +1152,14 @@ ejs-multiselect {
|
|
|
1149
1152
|
}
|
|
1150
1153
|
}
|
|
1151
1154
|
|
|
1152
|
-
.e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type
|
|
1155
|
+
.e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type='text'] {
|
|
1153
1156
|
@if $ddl-multiselect-skin-name == 'material' {
|
|
1154
1157
|
padding: 8px 12px 9px;
|
|
1155
1158
|
}
|
|
1156
1159
|
}
|
|
1157
1160
|
|
|
1158
|
-
.e-small.e-multiselect.e-outline .e-multi-select-wrapper input[type
|
|
1159
|
-
.e-small .e-multiselect.e-outline .e-multi-select-wrapper input[type
|
|
1161
|
+
.e-small.e-multiselect.e-outline .e-multi-select-wrapper input[type='text'],
|
|
1162
|
+
.e-small .e-multiselect.e-outline .e-multi-select-wrapper input[type='text'] {
|
|
1160
1163
|
@if $ddl-multiselect-skin-name == 'material' {
|
|
1161
1164
|
font-size: inherit;
|
|
1162
1165
|
min-height: $outline-multiselect-small-inner-input-height;
|
|
@@ -1164,17 +1167,17 @@ ejs-multiselect {
|
|
|
1164
1167
|
}
|
|
1165
1168
|
}
|
|
1166
1169
|
|
|
1167
|
-
.e-small.e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type
|
|
1168
|
-
.e-small .e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type
|
|
1170
|
+
.e-small.e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type='text'],
|
|
1171
|
+
.e-small .e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type='text'] {
|
|
1169
1172
|
@if $ddl-multiselect-skin-name == 'material' {
|
|
1170
1173
|
padding: 7px 10px;
|
|
1171
1174
|
}
|
|
1172
1175
|
}
|
|
1173
1176
|
|
|
1174
|
-
.e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper input[type
|
|
1175
|
-
.e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper input[type
|
|
1176
|
-
.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper input[type
|
|
1177
|
-
.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper input[type
|
|
1177
|
+
.e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper input[type='text'],
|
|
1178
|
+
.e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper input[type='text'],
|
|
1179
|
+
.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper input[type='text'],
|
|
1180
|
+
.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper input[type='text'] {
|
|
1178
1181
|
@if $ddl-multiselect-skin-name == 'material' {
|
|
1179
1182
|
font-size: inherit;
|
|
1180
1183
|
min-height: $outline-multiselect-inner-input-height;
|
|
@@ -1182,17 +1185,17 @@ ejs-multiselect {
|
|
|
1182
1185
|
}
|
|
1183
1186
|
}
|
|
1184
1187
|
|
|
1185
|
-
.e-bigger.e-small.e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type
|
|
1186
|
-
.e-bigger.e-small .e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type
|
|
1187
|
-
.e-bigger .e-small.e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type
|
|
1188
|
-
.e-small .e-bigger.e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type
|
|
1188
|
+
.e-bigger.e-small.e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type='text'],
|
|
1189
|
+
.e-bigger.e-small .e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type='text'],
|
|
1190
|
+
.e-bigger .e-small.e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type='text'],
|
|
1191
|
+
.e-small .e-bigger.e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type='text'] {
|
|
1189
1192
|
@if $ddl-multiselect-skin-name == 'material' {
|
|
1190
1193
|
padding: 8px 12px 9px;
|
|
1191
1194
|
}
|
|
1192
1195
|
}
|
|
1193
1196
|
|
|
1194
|
-
.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper input[type
|
|
1195
|
-
.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper input[type
|
|
1197
|
+
.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper input[type='text'],
|
|
1198
|
+
.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper input[type='text'] {
|
|
1196
1199
|
@if $ddl-multiselect-skin-name == 'material' {
|
|
1197
1200
|
font-size: inherit;
|
|
1198
1201
|
min-height: $outline-multiselect-bigger-inner-input-height;
|
|
@@ -1591,6 +1594,7 @@ ejs-multiselect {
|
|
|
1591
1594
|
}
|
|
1592
1595
|
}
|
|
1593
1596
|
|
|
1597
|
+
|
|
1594
1598
|
.e-bigger.e-small.e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
|
|
1595
1599
|
.e-bigger.e-small .e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
|
|
1596
1600
|
.e-bigger .e-small.e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
|
|
@@ -1604,6 +1608,7 @@ ejs-multiselect {
|
|
|
1604
1608
|
}
|
|
1605
1609
|
}
|
|
1606
1610
|
|
|
1611
|
+
|
|
1607
1612
|
// Filled theme specifications
|
|
1608
1613
|
|
|
1609
1614
|
// Multiselect wrapper
|
|
@@ -1653,26 +1658,26 @@ ejs-multiselect {
|
|
|
1653
1658
|
|
|
1654
1659
|
// Searchable input
|
|
1655
1660
|
|
|
1656
|
-
.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type
|
|
1657
|
-
.e-bigger.e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type
|
|
1658
|
-
.e-bigger.e-small .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type
|
|
1659
|
-
.e-bigger .e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type
|
|
1660
|
-
.e-small .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type
|
|
1661
|
+
.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type='text'],
|
|
1662
|
+
.e-bigger.e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type='text'],
|
|
1663
|
+
.e-bigger.e-small .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type='text'],
|
|
1664
|
+
.e-bigger .e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type='text'],
|
|
1665
|
+
.e-small .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type='text'] {
|
|
1661
1666
|
@if $ddl-multiselect-skin-name == 'material' {
|
|
1662
1667
|
min-height: $ddl-multiselect-filled-input-min-height;
|
|
1663
1668
|
padding-right: 10px;
|
|
1664
1669
|
}
|
|
1665
1670
|
}
|
|
1666
1671
|
|
|
1667
|
-
.e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type
|
|
1668
|
-
.e-small .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type
|
|
1672
|
+
.e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type='text'],
|
|
1673
|
+
.e-small .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type='text'] {
|
|
1669
1674
|
@if $ddl-multiselect-skin-name == 'material' {
|
|
1670
1675
|
min-height: $ddl-multiselect-filled-input-min-height-small;
|
|
1671
1676
|
}
|
|
1672
1677
|
}
|
|
1673
1678
|
|
|
1674
|
-
.e-small.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper input[type
|
|
1675
|
-
.e-small .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper input[type
|
|
1679
|
+
.e-small.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper input[type='text'],
|
|
1680
|
+
.e-small .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper input[type='text'] {
|
|
1676
1681
|
@if $ddl-multiselect-skin-name == 'material' {
|
|
1677
1682
|
height: $ddl-multiselect-filled-float-input-min-height-small;
|
|
1678
1683
|
min-height: $ddl-multiselect-filled-float-input-min-height-small;
|
|
@@ -1680,15 +1685,15 @@ ejs-multiselect {
|
|
|
1680
1685
|
}
|
|
1681
1686
|
}
|
|
1682
1687
|
|
|
1683
|
-
.e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type
|
|
1684
|
-
.e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type
|
|
1688
|
+
.e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type='text'],
|
|
1689
|
+
.e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type='text'] {
|
|
1685
1690
|
@if $ddl-multiselect-skin-name == 'material' {
|
|
1686
1691
|
min-height: $ddl-multiselect-filled-input-min-height-bigger;
|
|
1687
1692
|
}
|
|
1688
1693
|
}
|
|
1689
1694
|
|
|
1690
|
-
.e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper input[type
|
|
1691
|
-
.e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper input[type
|
|
1695
|
+
.e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper input[type='text'],
|
|
1696
|
+
.e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper input[type='text'] {
|
|
1692
1697
|
@if $ddl-multiselect-skin-name == 'material' {
|
|
1693
1698
|
min-height: $ddl-multiselect-filled-float-input-min-height-bigger;
|
|
1694
1699
|
}
|
|
@@ -1729,15 +1734,16 @@ ejs-multiselect {
|
|
|
1729
1734
|
}
|
|
1730
1735
|
|
|
1731
1736
|
.e-bigger.e-small.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher,
|
|
1732
|
-
.e-bigger.e-small .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher
|
|
1737
|
+
.e-bigger.e-small .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher
|
|
1738
|
+
.e-bigger .e-small.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher,
|
|
1733
1739
|
.e-small .e-bigger.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher {
|
|
1734
1740
|
@if $ddl-multiselect-skin-name == 'material' {
|
|
1735
1741
|
height: $ddl-multiselect-filled-float-input-min-height;
|
|
1736
1742
|
}
|
|
1737
1743
|
}
|
|
1738
1744
|
|
|
1739
|
-
.e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type
|
|
1740
|
-
.e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type
|
|
1745
|
+
.e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type='text'],
|
|
1746
|
+
.e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type='text'] {
|
|
1741
1747
|
padding: 5px 0;
|
|
1742
1748
|
}
|
|
1743
1749
|
|
|
@@ -1809,6 +1815,7 @@ ejs-multiselect {
|
|
|
1809
1815
|
}
|
|
1810
1816
|
}
|
|
1811
1817
|
|
|
1818
|
+
|
|
1812
1819
|
// Chip specifications
|
|
1813
1820
|
|
|
1814
1821
|
.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
|
|
@@ -1826,6 +1833,7 @@ ejs-multiselect {
|
|
|
1826
1833
|
height: 24px;
|
|
1827
1834
|
}
|
|
1828
1835
|
|
|
1836
|
+
|
|
1829
1837
|
.e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
|
|
1830
1838
|
.e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
|
|
1831
1839
|
height: 32px;
|
|
@@ -1975,6 +1983,10 @@ ejs-multiselect {
|
|
|
1975
1983
|
padding-right: 8px;
|
|
1976
1984
|
}
|
|
1977
1985
|
|
|
1986
|
+
|
|
1987
|
+
|
|
1988
|
+
|
|
1989
|
+
|
|
1978
1990
|
// Clear icon styles
|
|
1979
1991
|
|
|
1980
1992
|
.e-filled.e-multi-select-wrapper .e-chips-close.e-close-hooker,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
//default
|
|
1
|
+
//default
|
|
2
2
|
$ddl-chip-mobile-close-font: 16px !default;
|
|
3
3
|
$ddl-multiselect-skin-name: 'material' !default;
|
|
4
4
|
$ddl-delim-font-size: 14px !default;
|
|
@@ -154,7 +154,6 @@ $ddl-bigger-small-input-height: 34px !default;
|
|
|
154
154
|
$ddl-delim-bigger-small-font-size: 13px !default;
|
|
155
155
|
$ddl-delimviewheight-bigger-small: 34px !default;
|
|
156
156
|
$ddl-closer-margin-top-bigger-small: -2.5em !default;
|
|
157
|
-
|
|
158
157
|
//enddefault
|
|
159
158
|
|
|
160
159
|
$ddl-outline-multiselect-height: 34px !default;
|
|
@@ -212,7 +211,6 @@ $ddl-multiselect-filled-input-min-height-small: 32px !default;
|
|
|
212
211
|
$ddl-multiselect-filled-float-input-min-height-small: 22px !default;
|
|
213
212
|
$ddl-multiselect-filled-floatlabel-fontsize-small: 10px !default;
|
|
214
213
|
$ddl-multiselect-filled-chip-clear-icon-size-small: 10px !default;
|
|
215
|
-
|
|
216
214
|
// Touch
|
|
217
215
|
$ddl-multiselect-filled-input-min-height-bigger: 52px !default;
|
|
218
216
|
$ddl-multiselect-filled-float-input-min-height-bigger: 36px !default;
|
|
@@ -132,7 +132,6 @@ $ddl-multiselect-filled-input-min-height: 39px !default;
|
|
|
132
132
|
$ddl-multiselect-filled-float-input-chip-clear-icon-size: 12px !default;
|
|
133
133
|
$ddl-multiselect-filled-chip-clear-icon-size: 14px !default;
|
|
134
134
|
$multiselect-disable-font-color: rgba($grey-light-font, .42) !default;
|
|
135
|
-
|
|
136
135
|
// Small size
|
|
137
136
|
$ddl-select-all-height-small: 26px !default;
|
|
138
137
|
$ddl-small-chip-height: 20px !default;
|
|
@@ -116,7 +116,6 @@ $ddl-multiselect-filled-input-min-height: 39px !default;
|
|
|
116
116
|
$ddl-multiselect-filled-float-input-chip-clear-icon-size: 12px !default;
|
|
117
117
|
$ddl-multiselect-filled-chip-clear-icon-size: 14px !default;
|
|
118
118
|
$multiselect-disable-font-color: $content-text-color-alt1 !default;
|
|
119
|
-
|
|
120
119
|
// Small size
|
|
121
120
|
$ddl-select-all-height-small: 26px !default;
|
|
122
121
|
$ddl-small-chip-height: 20px !default;
|
|
@@ -208,7 +207,7 @@ $ddl-close-down-icon-left: 35px !default;
|
|
|
208
207
|
width: $ddl-chip-hooker-square;
|
|
209
208
|
}
|
|
210
209
|
|
|
211
|
-
.e-multi-select-wrapper .e-searcher input[type
|
|
210
|
+
.e-multi-select-wrapper .e-searcher input[type='text'] {
|
|
212
211
|
color: $content-text-color;
|
|
213
212
|
height: 100%;
|
|
214
213
|
}
|
|
@@ -217,3 +216,4 @@ $ddl-close-down-icon-left: 35px !default;
|
|
|
217
216
|
border-left-width: 0;
|
|
218
217
|
}
|
|
219
218
|
}
|
|
219
|
+
|
|
@@ -128,7 +128,6 @@ $ddl-bigger-small-clear-icon-height: 32px !default;
|
|
|
128
128
|
$ddl-bigger-small-clear-icon-width: 32px !default;
|
|
129
129
|
$ddl-bigger-chip-close-square: $text-xl !default;
|
|
130
130
|
$ddl-bigger-chip-close-font: $text-xl !default;
|
|
131
|
-
|
|
132
131
|
// Small size
|
|
133
132
|
$ddl-select-all-height-small: 24px !default;
|
|
134
133
|
$ddl-small-chip-height: 18px !default;
|
|
@@ -190,6 +189,7 @@ $ddl-delim-font-color: $content-text-color !default;
|
|
|
190
189
|
$ddl-close-icon-color: $icon-color !default;
|
|
191
190
|
$ddl-close-icon-hover-color: $icon-color-hover !default;
|
|
192
191
|
|
|
192
|
+
|
|
193
193
|
@include export-module('multiselect-tailwind') {
|
|
194
194
|
.e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
|
|
195
195
|
line-height: 30px;
|
|
@@ -217,8 +217,9 @@ $ddl-close-icon-hover-color: $icon-color-hover !default;
|
|
|
217
217
|
width: $ddl-chip-hooker-square;
|
|
218
218
|
}
|
|
219
219
|
|
|
220
|
-
.e-multi-select-wrapper .e-searcher input[type
|
|
220
|
+
.e-multi-select-wrapper .e-searcher input[type='text'] {
|
|
221
221
|
color: $content-text-color;
|
|
222
222
|
height: 100%;
|
|
223
223
|
}
|
|
224
224
|
}
|
|
225
|
+
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
|
|
1
|
+
.e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
|
|
2
2
|
color: $ddl-sel-chip-close;
|
|
3
3
|
}
|
|
4
4
|
|
|
@@ -14,19 +14,19 @@
|
|
|
14
14
|
box-sizing: border-box;
|
|
15
15
|
}
|
|
16
16
|
|
|
17
|
-
|
|
18
|
-
.e-multi-select-wrapper .e-chips
|
|
17
|
+
// sass-lint:disable no-vendor-prefixes
|
|
18
|
+
.e-multi-select-wrapper .e-chips>.e-chipcontent {
|
|
19
19
|
-webkit-text-fill-color: $ddl-chip-font-color;
|
|
20
20
|
color: $ddl-chip-font-color;
|
|
21
21
|
font-family: $ddl-chip-font-family;
|
|
22
22
|
font-size: $ddl-chip-font-size;
|
|
23
23
|
}
|
|
24
24
|
|
|
25
|
-
.e-multi-select-wrapper .e-chips.e-chip-selected
|
|
25
|
+
.e-multi-select-wrapper .e-chips.e-chip-selected>.e-chipcontent {
|
|
26
26
|
color: $ddl-sel-chip-font-color;
|
|
27
27
|
}
|
|
28
28
|
|
|
29
|
-
.e-multi-select-wrapper .e-chips.e-chip-selected
|
|
29
|
+
.e-multi-select-wrapper .e-chips.e-chip-selected>.e-chipcontent:hover {
|
|
30
30
|
color: $ddl-sel-chip-hover-font-color;
|
|
31
31
|
}
|
|
32
32
|
|
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
background-color: $ddl-chip-hover-bg-color;
|
|
41
41
|
}
|
|
42
42
|
|
|
43
|
-
.e-multi-select-wrapper .e-chips
|
|
43
|
+
.e-multi-select-wrapper .e-chips>.e-chipcontent:hover {
|
|
44
44
|
color: $ddl-chip-hover-font-color;
|
|
45
45
|
}
|
|
46
46
|
|
|
@@ -94,6 +94,7 @@
|
|
|
94
94
|
color: $ddl-multi-list-default-font-color;
|
|
95
95
|
}
|
|
96
96
|
|
|
97
|
+
|
|
97
98
|
#{&}.e-popup.e-multi-select-list-wrapper.e-checkbox .e-dropdownbase .e-list-item.e-active,
|
|
98
99
|
#{&}.e-popup.e-multi-select-list-wrapper.e-checkbox .e-dropdownbase .e-list-item.e-active.e-hover {
|
|
99
100
|
@if $ddl-multiselect-skin-name == 'tailwind' {
|
|
@@ -202,19 +203,23 @@
|
|
|
202
203
|
border: $ddl-popup-normal-border-width solid transparent;
|
|
203
204
|
}
|
|
204
205
|
|
|
205
|
-
|
|
206
|
+
// sass-lint:disable no-vendor-prefixes
|
|
207
|
+
.e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder {
|
|
206
208
|
color: $ddl-input-placeholder;
|
|
207
209
|
}
|
|
208
210
|
|
|
209
|
-
|
|
211
|
+
// sass-lint:disable no-vendor-prefixes
|
|
212
|
+
.e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder {
|
|
210
213
|
color: $ddl-input-placeholder;
|
|
211
214
|
}
|
|
212
215
|
|
|
213
|
-
|
|
216
|
+
// sass-lint:disable no-vendor-prefixes
|
|
217
|
+
.e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder {
|
|
214
218
|
color: $ddl-input-placeholder;
|
|
215
219
|
}
|
|
216
220
|
|
|
217
|
-
|
|
221
|
+
// sass-lint:disable no-vendor-prefixes
|
|
222
|
+
.e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder {
|
|
218
223
|
color: $ddl-input-placeholder;
|
|
219
224
|
}
|
|
220
225
|
|
|
@@ -295,7 +300,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
|
|
|
295
300
|
height: $ddl-small-chip-height;
|
|
296
301
|
}
|
|
297
302
|
|
|
298
|
-
.e-small .e-multi-select-wrapper .e-chips
|
|
303
|
+
.e-small .e-multi-select-wrapper .e-chips>.e-chipcontent {
|
|
299
304
|
font-size: $ddl-chip-small-font-size;
|
|
300
305
|
}
|
|
301
306
|
|
|
@@ -322,7 +327,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
|
|
|
322
327
|
height: $ddl-bigger-small-chip-height;
|
|
323
328
|
}
|
|
324
329
|
|
|
325
|
-
.e-bigger.e-small .e-multi-select-wrapper .e-chips
|
|
330
|
+
.e-bigger.e-small .e-multi-select-wrapper .e-chips>.e-chipcontent {
|
|
326
331
|
font-size: $ddl-chip-bigger-small-font-size;
|
|
327
332
|
}
|
|
328
333
|
|
|
@@ -381,15 +386,15 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
|
|
|
381
386
|
}
|
|
382
387
|
}
|
|
383
388
|
|
|
384
|
-
.e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-chip-selected
|
|
385
|
-
.e-multiselect.e-filled .e-multi-select-wrapper .e-chips.e-chip-selected
|
|
389
|
+
.e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-chip-selected>.e-chipcontent,
|
|
390
|
+
.e-multiselect.e-filled .e-multi-select-wrapper .e-chips.e-chip-selected>.e-chipcontent {
|
|
386
391
|
@if $ddl-multiselect-skin-name == 'material' {
|
|
387
392
|
color: $ddl-chip-font-color;
|
|
388
393
|
}
|
|
389
394
|
}
|
|
390
395
|
|
|
391
|
-
.e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-chip-selected
|
|
392
|
-
.e-multiselect.e-filled .e-multi-select-wrapper .e-chips.e-chip-selected
|
|
396
|
+
.e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-chip-selected>.e-chipcontent:hover,
|
|
397
|
+
.e-multiselect.e-filled .e-multi-select-wrapper .e-chips.e-chip-selected>.e-chipcontent:hover {
|
|
393
398
|
@if $ddl-multiselect-skin-name == 'material' {
|
|
394
399
|
color: $ddl-chip-font-color;
|
|
395
400
|
}
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
/* stylelint-disable property-no-vendor-prefix */
|
|
2
|
-
/* stylelint-disable property-no-vendor-prefix */
|
|
3
1
|
@keyframes material-spinner-rotate {
|
|
4
2
|
0% {
|
|
5
3
|
transform: rotate(0);
|
|
@@ -361,7 +359,7 @@
|
|
|
361
359
|
border: 0;
|
|
362
360
|
font-family: inherit;
|
|
363
361
|
font-size: 15px;
|
|
364
|
-
font-weight:
|
|
362
|
+
font-weight: 400;
|
|
365
363
|
height: 32px;
|
|
366
364
|
min-height: 32px;
|
|
367
365
|
outline: none;
|
|
@@ -375,7 +373,7 @@
|
|
|
375
373
|
color: inherit;
|
|
376
374
|
font-family: inherit;
|
|
377
375
|
font-size: 14px;
|
|
378
|
-
font-weight:
|
|
376
|
+
font-weight: 400;
|
|
379
377
|
height: 32px;
|
|
380
378
|
min-height: 32px;
|
|
381
379
|
outline: none;
|
|
@@ -398,7 +396,6 @@
|
|
|
398
396
|
min-height: 38px;
|
|
399
397
|
}
|
|
400
398
|
|
|
401
|
-
/* stylelint-disable property-no-vendor-prefix */
|
|
402
399
|
.e-multi-select-wrapper input[type=text]::-ms-clear {
|
|
403
400
|
display: none;
|
|
404
401
|
}
|
|
@@ -1039,7 +1036,6 @@ ejs-multiselect {
|
|
|
1039
1036
|
box-sizing: border-box;
|
|
1040
1037
|
}
|
|
1041
1038
|
|
|
1042
|
-
/* stylelint-disable property-no-vendor-prefix */
|
|
1043
1039
|
.e-multi-select-wrapper .e-chips > .e-chipcontent {
|
|
1044
1040
|
-webkit-text-fill-color: #f0f0f0;
|
|
1045
1041
|
color: #f0f0f0;
|
|
@@ -1168,19 +1164,19 @@ ejs-multiselect {
|
|
|
1168
1164
|
border: 1px solid transparent;
|
|
1169
1165
|
}
|
|
1170
1166
|
|
|
1171
|
-
.e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder {
|
|
1167
|
+
.e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder {
|
|
1172
1168
|
color: #767676;
|
|
1173
1169
|
}
|
|
1174
1170
|
|
|
1175
|
-
.e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder {
|
|
1171
|
+
.e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder {
|
|
1176
1172
|
color: #767676;
|
|
1177
1173
|
}
|
|
1178
1174
|
|
|
1179
|
-
.e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder {
|
|
1175
|
+
.e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder {
|
|
1180
1176
|
color: #767676;
|
|
1181
1177
|
}
|
|
1182
1178
|
|
|
1183
|
-
.e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder {
|
|
1179
|
+
.e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder {
|
|
1184
1180
|
color: #767676;
|
|
1185
1181
|
}
|
|
1186
1182
|
|