@syncfusion/ej2-dropdowns 20.2.50 → 20.3.48
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +18 -24
- package/dist/ej2-dropdowns.min.js +10 -0
- 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 +1424 -51
- package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
- package/dist/es6/ej2-dropdowns.es5.js +1450 -55
- 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/mention.d.ts +4 -0
- package/mention.js +4 -0
- package/package.json +12 -12
- package/src/auto-complete/auto-complete.js +2 -2
- package/src/combo-box/combo-box.js +0 -3
- package/src/drop-down-base/drop-down-base.d.ts +2 -0
- package/src/drop-down-base/drop-down-base.js +8 -2
- package/src/drop-down-list/drop-down-list.d.ts +1 -0
- package/src/drop-down-list/drop-down-list.js +23 -22
- package/src/index.d.ts +1 -0
- package/src/index.js +1 -0
- package/src/list-box/list-box.js +16 -11
- package/src/mention/index.d.ts +5 -0
- package/src/mention/index.js +4 -0
- package/src/mention/mention-model.d.ts +285 -0
- package/src/mention/mention.d.ts +452 -0
- package/src/mention/mention.js +1383 -0
- package/src/multi-select/checkbox-selection.js +1 -4
- package/src/multi-select/multi-select.d.ts +1 -0
- package/src/multi-select/multi-select.js +20 -11
- 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 +3 -1
- package/styles/auto-complete/bootstrap.css +3 -1
- package/styles/auto-complete/bootstrap4.css +3 -1
- package/styles/auto-complete/bootstrap5-dark.css +3 -1
- package/styles/auto-complete/bootstrap5.css +3 -1
- package/styles/auto-complete/fabric-dark.css +3 -1
- package/styles/auto-complete/fabric.css +3 -1
- package/styles/auto-complete/fluent-dark.css +3 -1
- package/styles/auto-complete/fluent.css +3 -1
- package/styles/auto-complete/highcontrast-light.css +3 -1
- package/styles/auto-complete/highcontrast.css +3 -1
- package/styles/auto-complete/material-dark.css +3 -1
- package/styles/auto-complete/material.css +3 -1
- package/styles/auto-complete/tailwind-dark.css +3 -1
- package/styles/auto-complete/tailwind.css +3 -1
- package/styles/bootstrap-dark.css +94 -42
- package/styles/bootstrap-dark.scss +1 -0
- package/styles/bootstrap.css +94 -42
- package/styles/bootstrap.scss +1 -0
- package/styles/bootstrap4.css +95 -42
- package/styles/bootstrap4.scss +1 -0
- package/styles/bootstrap5-dark.css +101 -44
- package/styles/bootstrap5-dark.scss +1 -0
- package/styles/bootstrap5.css +101 -44
- package/styles/bootstrap5.scss +1 -0
- 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 +3 -1
- package/styles/combo-box/bootstrap.css +3 -1
- package/styles/combo-box/bootstrap4.css +3 -1
- package/styles/combo-box/bootstrap5-dark.css +3 -1
- package/styles/combo-box/bootstrap5.css +3 -1
- package/styles/combo-box/fabric-dark.css +3 -1
- package/styles/combo-box/fabric.css +3 -1
- package/styles/combo-box/fluent-dark.css +3 -1
- package/styles/combo-box/fluent.css +3 -1
- package/styles/combo-box/highcontrast-light.css +3 -1
- package/styles/combo-box/highcontrast.css +3 -1
- package/styles/combo-box/material-dark.css +3 -1
- package/styles/combo-box/material.css +3 -1
- package/styles/combo-box/tailwind-dark.css +3 -1
- package/styles/combo-box/tailwind.css +3 -1
- package/styles/drop-down-base/_all.scss +1 -1
- package/styles/drop-down-base/_bootstrap-dark-definition.scss +8 -2
- package/styles/drop-down-base/_bootstrap-definition.scss +6 -1
- package/styles/drop-down-base/_bootstrap4-definition.scss +6 -1
- package/styles/drop-down-base/_bootstrap5-definition.scss +8 -3
- package/styles/drop-down-base/_fabric-dark-definition.scss +6 -1
- package/styles/drop-down-base/_fabric-definition.scss +6 -1
- package/styles/drop-down-base/_fluent-definition.scss +8 -2
- package/styles/drop-down-base/_fusionnew-definition.scss +8 -3
- package/styles/drop-down-base/_highcontrast-definition.scss +16 -6
- package/styles/drop-down-base/_highcontrast-light-definition.scss +18 -7
- package/styles/drop-down-base/_layout.scss +44 -3
- package/styles/drop-down-base/_material-dark-definition.scss +7 -1
- package/styles/drop-down-base/_material-definition.scss +6 -0
- package/styles/drop-down-base/_material3-definition.scss +8 -3
- package/styles/drop-down-base/_tailwind-definition.scss +8 -3
- package/styles/drop-down-base/_theme.scss +4 -4
- package/styles/drop-down-base/bootstrap-dark.css +42 -1
- package/styles/drop-down-base/bootstrap.css +42 -1
- package/styles/drop-down-base/bootstrap4.css +42 -1
- package/styles/drop-down-base/bootstrap5-dark.css +42 -1
- package/styles/drop-down-base/bootstrap5.css +42 -1
- package/styles/drop-down-base/fabric-dark.css +42 -1
- package/styles/drop-down-base/fabric.css +42 -1
- package/styles/drop-down-base/fluent-dark.css +42 -1
- package/styles/drop-down-base/fluent.css +42 -1
- package/styles/drop-down-base/highcontrast-light.css +42 -1
- package/styles/drop-down-base/highcontrast.css +42 -1
- package/styles/drop-down-base/material-dark.css +42 -1
- package/styles/drop-down-base/material.css +42 -1
- package/styles/drop-down-base/tailwind-dark.css +42 -1
- package/styles/drop-down-base/tailwind.css +42 -1
- package/styles/drop-down-list/_all.scss +2 -1
- package/styles/drop-down-list/_bootstrap-dark-definition.scss +2 -1
- package/styles/drop-down-list/_bootstrap-definition.scss +2 -1
- package/styles/drop-down-list/_bootstrap4-definition.scss +3 -1
- package/styles/drop-down-list/_bootstrap5-definition.scss +3 -3
- package/styles/drop-down-list/_fabric-dark-definition.scss +2 -1
- package/styles/drop-down-list/_fabric-definition.scss +2 -0
- package/styles/drop-down-list/_fluent-definition.scss +2 -1
- package/styles/drop-down-list/_fusionnew-definition.scss +3 -3
- package/styles/drop-down-list/_highcontrast-definition.scss +21 -10
- package/styles/drop-down-list/_highcontrast-light-definition.scss +22 -11
- package/styles/drop-down-list/_layout.scss +8 -9
- package/styles/drop-down-list/_material-dark-definition.scss +2 -2
- package/styles/drop-down-list/_material-definition.scss +1 -0
- package/styles/drop-down-list/_material3-definition.scss +3 -3
- package/styles/drop-down-list/_tailwind-definition.scss +1 -0
- package/styles/drop-down-list/_theme.scss +3 -3
- package/styles/drop-down-list/bootstrap-dark.css +5 -0
- package/styles/drop-down-list/bootstrap.css +5 -0
- package/styles/drop-down-list/bootstrap4.css +5 -0
- package/styles/drop-down-list/bootstrap5-dark.css +6 -0
- package/styles/drop-down-list/bootstrap5.css +6 -0
- package/styles/drop-down-list/fabric-dark.css +5 -0
- package/styles/drop-down-list/fabric.css +5 -0
- package/styles/drop-down-list/fluent-dark.css +6 -0
- package/styles/drop-down-list/fluent.css +6 -0
- package/styles/drop-down-list/highcontrast-light.css +5 -0
- package/styles/drop-down-list/highcontrast.css +5 -0
- package/styles/drop-down-list/icons/_bootstrap.scss +0 -1
- package/styles/drop-down-list/icons/_fabric.scss +0 -1
- package/styles/drop-down-list/icons/_material.scss +0 -1
- package/styles/drop-down-list/material-dark.css +5 -0
- package/styles/drop-down-list/material.css +5 -0
- package/styles/drop-down-list/tailwind-dark.css +6 -0
- package/styles/drop-down-list/tailwind.css +6 -0
- 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 +1 -2
- 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 +4 -0
- package/styles/drop-down-tree/bootstrap.css +4 -0
- package/styles/drop-down-tree/bootstrap4.css +4 -0
- package/styles/drop-down-tree/bootstrap5-dark.css +5 -0
- package/styles/drop-down-tree/bootstrap5.css +5 -0
- package/styles/drop-down-tree/fabric-dark.css +4 -0
- package/styles/drop-down-tree/fabric.css +4 -0
- package/styles/drop-down-tree/fluent-dark.css +5 -0
- package/styles/drop-down-tree/fluent.css +5 -0
- package/styles/drop-down-tree/highcontrast-light.css +4 -0
- package/styles/drop-down-tree/highcontrast.css +4 -0
- package/styles/drop-down-tree/icons/_bootstrap.scss +0 -1
- package/styles/drop-down-tree/icons/_bootstrap4.scss +0 -1
- package/styles/drop-down-tree/icons/_fabric.scss +0 -1
- package/styles/drop-down-tree/icons/_highcontrast-light.scss +0 -1
- package/styles/drop-down-tree/icons/_highcontrast.scss +0 -1
- package/styles/drop-down-tree/icons/_material-dark.scss +0 -1
- package/styles/drop-down-tree/icons/_material.scss +0 -1
- package/styles/drop-down-tree/material-dark.css +4 -0
- package/styles/drop-down-tree/material.css +4 -0
- package/styles/drop-down-tree/tailwind-dark.css +5 -0
- package/styles/drop-down-tree/tailwind.css +5 -0
- package/styles/fabric-dark.css +94 -42
- package/styles/fabric-dark.scss +1 -0
- package/styles/fabric.css +94 -42
- package/styles/fabric.scss +1 -0
- package/styles/fluent-dark.css +101 -44
- package/styles/fluent-dark.scss +1 -0
- package/styles/fluent.css +101 -44
- package/styles/fluent.scss +1 -0
- package/styles/highcontrast-light.css +97 -42
- package/styles/highcontrast-light.scss +1 -0
- package/styles/highcontrast.css +97 -42
- package/styles/highcontrast.scss +1 -0
- package/styles/list-box/_all.scss +1 -1
- package/styles/list-box/_bootstrap-dark-definition.scss +2 -0
- package/styles/list-box/_bootstrap-definition.scss +1 -0
- package/styles/list-box/_bootstrap4-definition.scss +1 -0
- package/styles/list-box/_bootstrap5-definition.scss +3 -0
- package/styles/list-box/_fabric-dark-definition.scss +3 -1
- package/styles/list-box/_fabric-definition.scss +1 -0
- package/styles/list-box/_fluent-definition.scss +3 -0
- package/styles/list-box/_fusionnew-definition.scss +1 -0
- package/styles/list-box/_highcontrast-definition.scss +1 -0
- package/styles/list-box/_highcontrast-light-definition.scss +3 -1
- package/styles/list-box/_layout.scss +8 -17
- package/styles/list-box/_material-dark-definition.scss +2 -0
- package/styles/list-box/_material-definition.scss +1 -0
- package/styles/list-box/_material3-definition.scss +1 -0
- package/styles/list-box/_tailwind-definition.scss +3 -0
- package/styles/list-box/_theme.scss +11 -25
- package/styles/list-box/bootstrap-dark.css +12 -33
- package/styles/list-box/bootstrap.css +14 -35
- package/styles/list-box/bootstrap4.css +14 -35
- package/styles/list-box/bootstrap5-dark.css +15 -36
- package/styles/list-box/bootstrap5.css +15 -36
- package/styles/list-box/fabric-dark.css +12 -33
- package/styles/list-box/fabric.css +14 -35
- package/styles/list-box/fluent-dark.css +15 -36
- package/styles/list-box/fluent.css +15 -36
- package/styles/list-box/highcontrast-light.css +12 -33
- package/styles/list-box/highcontrast.css +14 -35
- 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 +12 -33
- package/styles/list-box/material.css +14 -35
- package/styles/list-box/tailwind-dark.css +15 -36
- package/styles/list-box/tailwind.css +15 -36
- package/styles/material-dark.css +94 -42
- package/styles/material-dark.scss +1 -0
- package/styles/material.css +94 -42
- package/styles/material.scss +1 -0
- package/styles/mention/_all.scss +1 -0
- package/styles/mention/_bootstrap-dark-definition.scss +3 -0
- package/styles/mention/_bootstrap-definition.scss +3 -0
- package/styles/mention/_bootstrap4-definition.scss +3 -0
- package/styles/mention/_bootstrap5-dark-definition.scss +1 -0
- package/styles/mention/_bootstrap5-definition.scss +1 -0
- package/styles/mention/_fabric-dark-definition.scss +2 -0
- package/styles/mention/_fabric-definition.scss +3 -0
- package/styles/mention/_fluent-dark-definition.scss +1 -0
- package/styles/mention/_fluent-definition.scss +1 -0
- package/styles/mention/_fusionnew-definition.scss +1 -0
- package/styles/mention/_highcontrast-definition.scss +3 -0
- package/styles/mention/_highcontrast-light-definition.scss +3 -0
- package/styles/mention/_layout.scss +6 -0
- package/styles/mention/_material-dark-definition.scss +3 -0
- package/styles/mention/_material-definition.scss +3 -0
- package/styles/mention/_material3-definition.scss +1 -0
- package/styles/mention/_tailwind-dark-definition.scss +1 -0
- package/styles/mention/_tailwind-definition.scss +1 -0
- package/styles/mention/bootstrap-dark.css +29 -0
- package/styles/mention/bootstrap-dark.scss +6 -0
- package/styles/mention/bootstrap.css +29 -0
- package/styles/mention/bootstrap.scss +6 -0
- package/styles/mention/bootstrap4.css +47 -0
- package/styles/mention/bootstrap4.scss +6 -0
- package/styles/mention/bootstrap5-dark.css +58 -0
- package/styles/mention/bootstrap5-dark.scss +6 -0
- package/styles/mention/bootstrap5.css +58 -0
- package/styles/mention/bootstrap5.scss +6 -0
- package/styles/mention/fabric-dark.css +29 -0
- package/styles/mention/fabric-dark.scss +6 -0
- package/styles/mention/fabric.css +29 -0
- package/styles/mention/fabric.scss +6 -0
- package/styles/mention/fluent-dark.css +58 -0
- package/styles/mention/fluent-dark.scss +6 -0
- package/styles/mention/fluent.css +58 -0
- package/styles/mention/fluent.scss +6 -0
- package/styles/mention/highcontrast-light.css +43 -0
- package/styles/mention/highcontrast-light.scss +6 -0
- package/styles/mention/highcontrast.css +43 -0
- package/styles/mention/highcontrast.scss +6 -0
- package/styles/mention/material-dark.css +29 -0
- package/styles/mention/material-dark.scss +6 -0
- package/styles/mention/material.css +29 -0
- package/styles/mention/material.scss +6 -0
- package/styles/mention/tailwind-dark.css +68 -0
- package/styles/mention/tailwind-dark.scss +6 -0
- package/styles/mention/tailwind.css +68 -0
- package/styles/mention/tailwind.scss +6 -0
- package/styles/multi-select/_all.scss +1 -1
- package/styles/multi-select/_bootstrap-dark-definition.scss +4 -1
- package/styles/multi-select/_bootstrap-definition.scss +2 -0
- package/styles/multi-select/_bootstrap4-definition.scss +5 -2
- package/styles/multi-select/_bootstrap5-definition.scss +2 -2
- package/styles/multi-select/_fabric-dark-definition.scss +5 -3
- package/styles/multi-select/_fabric-definition.scss +4 -2
- package/styles/multi-select/_fluent-definition.scss +2 -1
- package/styles/multi-select/_fusionnew-definition.scss +2 -2
- package/styles/multi-select/_highcontrast-definition.scss +47 -24
- package/styles/multi-select/_highcontrast-light-definition.scss +48 -25
- package/styles/multi-select/_layout.scss +59 -71
- package/styles/multi-select/_material-dark-definition.scss +3 -1
- package/styles/multi-select/_material-definition.scss +1 -0
- package/styles/multi-select/_material3-definition.scss +2 -2
- package/styles/multi-select/_tailwind-definition.scss +2 -3
- package/styles/multi-select/_theme.scss +16 -21
- package/styles/multi-select/bootstrap-dark.css +10 -6
- package/styles/multi-select/bootstrap.css +10 -6
- package/styles/multi-select/bootstrap4.css +10 -6
- package/styles/multi-select/bootstrap5-dark.css +11 -6
- package/styles/multi-select/bootstrap5.css +11 -6
- package/styles/multi-select/fabric-dark.css +10 -6
- package/styles/multi-select/fabric.css +10 -6
- package/styles/multi-select/fluent-dark.css +11 -6
- package/styles/multi-select/fluent.css +11 -6
- package/styles/multi-select/highcontrast-light.css +13 -6
- package/styles/multi-select/highcontrast.css +13 -6
- package/styles/multi-select/icons/_bootstrap5.scss +0 -1
- package/styles/multi-select/icons/_fluent.scss +0 -1
- package/styles/multi-select/icons/_fusionnew.scss +0 -1
- package/styles/multi-select/icons/_material-dark.scss +53 -54
- package/styles/multi-select/icons/_material.scss +53 -54
- package/styles/multi-select/icons/_material3.scss +0 -1
- package/styles/multi-select/icons/_tailwind.scss +0 -1
- package/styles/multi-select/material-dark.css +10 -6
- package/styles/multi-select/material.css +10 -6
- package/styles/multi-select/tailwind-dark.css +11 -6
- package/styles/multi-select/tailwind.css +11 -6
- package/styles/tailwind-dark.css +102 -44
- package/styles/tailwind-dark.scss +1 -0
- package/styles/tailwind.css +102 -44
- package/styles/tailwind.scss +1 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
//default
|
|
1
|
+
//default
|
|
2
2
|
$ddl-chip-mobile-close-font: 16px !default;
|
|
3
3
|
$ddl-multiselect-skin-name: 'highcontrast' !default;
|
|
4
4
|
$ddl-delim-font-size: 14px !default;
|
|
@@ -129,6 +129,7 @@ $ddl-bigger-multiselect-group-checkbox-wrapper-padding-left: 20px !default;
|
|
|
129
129
|
$ddl-multiselect-group-list-group-item-rtl-padding-right: 10px !default;
|
|
130
130
|
$ddl-multiselect-label-position: 15px !default;
|
|
131
131
|
$multiselect-disable-font-color: $disable !default;
|
|
132
|
+
|
|
132
133
|
// Small size
|
|
133
134
|
$ddl-select-all-height-small: 26px !default;
|
|
134
135
|
$ddl-small-chip-height: 20px !default;
|
|
@@ -141,6 +142,7 @@ $ddl-delim-small-font-size: 13px !default;
|
|
|
141
142
|
$ddl-small-closer-margin-top: -2.9em !default;
|
|
142
143
|
$ddl-chip-close-hooker-small-left: 7px !default;
|
|
143
144
|
$ddl-delimviewheight-small: 24px !default;
|
|
145
|
+
|
|
144
146
|
// Touch Small size
|
|
145
147
|
$ddl-select-all-height-bigger-small: 40px !default;
|
|
146
148
|
$ddl-bigger-small-chip-height: 26px !default;
|
|
@@ -161,95 +163,116 @@ $ddl-closer-margin-top-bigger-small: -3.2em !default;
|
|
|
161
163
|
color: $content-font;
|
|
162
164
|
top: 12px;
|
|
163
165
|
}
|
|
164
|
-
}
|
|
166
|
+
}
|
|
167
|
+
.e-multiselect #{if(&, '&', '*')} {
|
|
165
168
|
#{if(&, '&', '*')} input {
|
|
166
|
-
|
|
169
|
+
/* stylelint-disable property-no-vendor-prefix */
|
|
167
170
|
#{if(&, '&', '*')}.e-dropdownbase:-moz-placeholder {
|
|
168
171
|
color: $content-font-alt;
|
|
169
172
|
font-family: inherit;
|
|
170
173
|
font-size: 14px;
|
|
171
174
|
font-style: italic;
|
|
172
|
-
}
|
|
175
|
+
}
|
|
176
|
+
#{if(&, '&', '*')}.e-dropdownbase::-moz-placeholder {
|
|
173
177
|
color: $content-font-alt;
|
|
174
178
|
font-family: inherit;
|
|
175
179
|
font-size: 14px;
|
|
176
180
|
font-style: italic;
|
|
177
|
-
}
|
|
181
|
+
}
|
|
182
|
+
#{if(&, '&', '*')}.e-dropdownbase:-ms-input-placeholder {
|
|
178
183
|
color: $content-font-alt;
|
|
179
184
|
font-family: inherit;
|
|
180
185
|
font-size: 14px;
|
|
181
186
|
font-style: italic;
|
|
182
|
-
}
|
|
187
|
+
}
|
|
188
|
+
#{if(&, '&', '*')}.e-dropdownbase::-webkit-input-placeholder {
|
|
183
189
|
color: $content-font-alt;
|
|
184
190
|
font-family: inherit;
|
|
185
191
|
font-size: 14px;
|
|
186
192
|
font-style: italic;
|
|
187
193
|
}
|
|
188
194
|
}
|
|
189
|
-
}
|
|
195
|
+
}
|
|
196
|
+
#{if(&, '&', '*')} .e-chips-collection {
|
|
190
197
|
#{if(&, '&', '*')} .e-chips {
|
|
191
198
|
#{if(&, '&', '*')}:hover {
|
|
192
199
|
#{if(&, '&', '*')} .e-chipcontent {
|
|
193
200
|
color: $content-font;
|
|
194
|
-
}
|
|
201
|
+
}
|
|
202
|
+
#{if(&, '&', '*')} .e-chips-close.e-icon::before {
|
|
195
203
|
color: $content-font;
|
|
196
204
|
}
|
|
197
|
-
}
|
|
205
|
+
}
|
|
206
|
+
#{if(&, '&', '*')} .e-chips-close.e-icon::before {
|
|
198
207
|
line-height: 26px;
|
|
199
208
|
top: 0;
|
|
200
209
|
}
|
|
201
210
|
}
|
|
202
|
-
}
|
|
211
|
+
}
|
|
212
|
+
#{if(&, '&', '*')} .e-delim-values {
|
|
203
213
|
#{if(&, '&', '*')}.e-delim-view {
|
|
204
214
|
color: $border-fg;
|
|
205
215
|
}
|
|
206
|
-
}
|
|
216
|
+
}
|
|
217
|
+
#{if(&, '&', '*')}.e-delimiter {
|
|
207
218
|
#{if(&, '&', '*')} .e-delim-values {
|
|
208
219
|
color: $border-fg;
|
|
209
220
|
}
|
|
210
|
-
}
|
|
221
|
+
}
|
|
222
|
+
#{if(&, '&', '*')} .e-searcher input[type='text'] {
|
|
211
223
|
color: $content-font;
|
|
212
224
|
height: 100%;
|
|
213
|
-
min-height: 28px
|
|
225
|
+
min-height: 28px;
|
|
226
|
+
#{if(&, '&', '*')}::selection {
|
|
214
227
|
background-color: $selection-bg;
|
|
215
|
-
}
|
|
216
228
|
}
|
|
217
|
-
|
|
229
|
+
}
|
|
230
|
+
}
|
|
231
|
+
#{&}.e-popup {
|
|
218
232
|
#{if(&, '&', '*')}.e-multi-select-list-wrapper {
|
|
219
233
|
#{if(&, '&', '*')}.e-ddl,
|
|
220
234
|
.e-bigger #{if(&, '&', '*')}.e-ddl {
|
|
221
235
|
#{if(&, '&', '*')}.e-checkbox .e-filter-parent .e-clear-icon {
|
|
222
236
|
padding-left: 0;
|
|
223
237
|
}
|
|
224
|
-
}
|
|
238
|
+
}
|
|
239
|
+
#{if(&, '&', '*')}.e-checkbox {
|
|
225
240
|
#{if(&, '&', '*')} .e-selectall-parent {
|
|
226
241
|
border-bottom: 1px solid $content-font;
|
|
227
|
-
}
|
|
242
|
+
}
|
|
243
|
+
#{if(&, '&', '*')} .e-list-parent {
|
|
228
244
|
#{if(&, '&', '*')} .e-list-item.e-item-focus.e-active.e-hover {
|
|
229
245
|
background-color: $selection-bg;
|
|
230
|
-
}
|
|
246
|
+
}
|
|
247
|
+
#{if(&, '&', '*')} .e-list-item.e-item-focus.e-active {
|
|
231
248
|
border: 2px solid $selection-bg;
|
|
232
|
-
}
|
|
249
|
+
}
|
|
250
|
+
#{if(&, '&', '*')} .e-list-item.e-active.e-hover:not(.e-item-focus) {
|
|
233
251
|
border-bottom: 2px solid $content-font;
|
|
234
252
|
border-left: 2px solid $content-font;
|
|
235
253
|
border-right: 2px solid $content-font;
|
|
236
254
|
border-top: 2px solid $content-font;
|
|
237
255
|
}
|
|
238
|
-
|
|
239
|
-
|
|
256
|
+
}
|
|
257
|
+
}
|
|
258
|
+
#{if(&, '&', '*')} .e-list-parent {
|
|
240
259
|
#{if(&, '&', '*')} .e-list-item.e-item-focus {
|
|
241
260
|
border: 2px solid $hover-bg;
|
|
242
|
-
}
|
|
261
|
+
}
|
|
262
|
+
#{if(&, '&', '*')} .e-list-item.e-active.e-hover {
|
|
243
263
|
background-color: $content-font;
|
|
244
264
|
border-bottom: $ddl-popup-active-border-width solid $content-font;
|
|
245
265
|
border-left: $ddl-popup-active-border-width solid $content-font;
|
|
246
266
|
border-right: $ddl-popup-active-border-width solid $content-font;
|
|
247
267
|
border-top: $ddl-popup-active-border-width solid $content-font;
|
|
248
|
-
}
|
|
268
|
+
}
|
|
269
|
+
#{if(&, '&', '*')} .e-list-item.e-hover:not(.e-active) {
|
|
249
270
|
border: 2px solid $hover-border;
|
|
250
|
-
}
|
|
271
|
+
}
|
|
272
|
+
#{if(&, '&', '*')} .e-list-item:not(.e-hover):not(.e-item-focus) {
|
|
251
273
|
border: 2px solid $bg-base-0;
|
|
252
|
-
}
|
|
274
|
+
}
|
|
275
|
+
#{if(&, '&', '*')} .e-list-item.e-active {
|
|
253
276
|
border: 2px solid $selection-border;
|
|
254
277
|
}
|
|
255
278
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
.e-multi-select-wrapper {
|
|
2
2
|
box-sizing: border-box;
|
|
3
3
|
cursor: text;
|
|
4
4
|
line-height: normal;
|
|
@@ -12,7 +12,8 @@
|
|
|
12
12
|
#{if(&, '&', '*')} .e-searcher,
|
|
13
13
|
#{if(&, '&', '*')} .e-multi-searcher {
|
|
14
14
|
height: 27px;
|
|
15
|
-
vertical-align: middle
|
|
15
|
+
vertical-align: middle;
|
|
16
|
+
#{if(&, '&', '*')} .e-dropdownbase {
|
|
16
17
|
height: 100%;
|
|
17
18
|
min-height: 100%;
|
|
18
19
|
}
|
|
@@ -51,14 +52,13 @@
|
|
|
51
52
|
.e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
|
|
52
53
|
width: 0;
|
|
53
54
|
|
|
54
|
-
input[type='text'] {
|
|
55
|
+
input[type = 'text'] {
|
|
55
56
|
height: 1px;
|
|
56
57
|
min-height: 1px;
|
|
57
58
|
}
|
|
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,7 +279,6 @@
|
|
|
279
279
|
right: $ddl-chip-hooker-right;
|
|
280
280
|
top: $ddl-closer-hooker-top;
|
|
281
281
|
width: $ddl-chip-hooker-square;
|
|
282
|
-
|
|
283
282
|
}
|
|
284
283
|
|
|
285
284
|
.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
|
|
@@ -408,12 +407,12 @@
|
|
|
408
407
|
}
|
|
409
408
|
}
|
|
410
409
|
|
|
411
|
-
.e-multi-select-wrapper input[type='text'] {
|
|
410
|
+
.e-multi-select-wrapper input[type = 'text'] {
|
|
412
411
|
background: none;
|
|
413
412
|
border: 0;
|
|
414
413
|
font-family: $ddl-chip-font-family;
|
|
415
414
|
font-size: $ddl-chip-font-size;
|
|
416
|
-
font-weight:
|
|
415
|
+
font-weight: normal;
|
|
417
416
|
height: $ddl-input-height;
|
|
418
417
|
min-height: $ddl-input-height;
|
|
419
418
|
outline: none;
|
|
@@ -421,13 +420,13 @@
|
|
|
421
420
|
text-indent: $ddl-input-text-indent;
|
|
422
421
|
}
|
|
423
422
|
|
|
424
|
-
.e-multiselect.e-filled
|
|
423
|
+
.e-multiselect.e-filled .e-multi-select-wrapper input[type = 'text'] {
|
|
425
424
|
background: none;
|
|
426
425
|
border: 0;
|
|
427
426
|
color: inherit;
|
|
428
427
|
font-family: $ddl-chip-font-family;
|
|
429
428
|
font-size: $ddl-delim-font-size;
|
|
430
|
-
font-weight:
|
|
429
|
+
font-weight: normal;
|
|
431
430
|
height: $ddl-input-height;
|
|
432
431
|
min-height: $ddl-input-height;
|
|
433
432
|
outline: none;
|
|
@@ -435,17 +434,17 @@
|
|
|
435
434
|
text-indent: $ddl-input-text-indent;
|
|
436
435
|
}
|
|
437
436
|
|
|
438
|
-
.e-rtl.e-multiselect.e-filled
|
|
437
|
+
.e-rtl.e-multiselect.e-filled .e-multi-select-wrapper input[type = 'text'] {
|
|
439
438
|
padding: 5px;
|
|
440
439
|
}
|
|
441
440
|
|
|
442
|
-
.e-bigger .e-multi-select-wrapper input[type='text'],
|
|
443
|
-
.e-multi-select-wrapper.e-mob-wrapper input[type='text'] {
|
|
441
|
+
.e-bigger .e-multi-select-wrapper input[type = 'text'],
|
|
442
|
+
.e-multi-select-wrapper.e-mob-wrapper input[type = 'text'] {
|
|
444
443
|
height: $ddl-input-height;
|
|
445
444
|
min-height: $ddl-input-height;
|
|
446
445
|
}
|
|
447
446
|
|
|
448
|
-
.e-bigger .e-multi-select-wrapper input[type='text'] {
|
|
447
|
+
.e-bigger .e-multi-select-wrapper input[type = 'text'] {
|
|
449
448
|
@if $ddl-multiselect-skin-name == 'bootstrap4' {
|
|
450
449
|
font-size: $ddl-chip-bigger-font-size;
|
|
451
450
|
}
|
|
@@ -456,8 +455,8 @@
|
|
|
456
455
|
min-height: $ddl-input-bigger-height;
|
|
457
456
|
}
|
|
458
457
|
|
|
459
|
-
|
|
460
|
-
.e-multi-select-wrapper
|
|
458
|
+
/* stylelint-disable property-no-vendor-prefix */
|
|
459
|
+
.e-multi-select-wrapper input[type = 'text']::-ms-clear {
|
|
461
460
|
display: none;
|
|
462
461
|
}
|
|
463
462
|
|
|
@@ -662,7 +661,7 @@
|
|
|
662
661
|
.e-chipcontent {
|
|
663
662
|
padding: $ddl-rtl-mob-sel-chip-content-padding;
|
|
664
663
|
}
|
|
665
|
-
|
|
664
|
+
}
|
|
666
665
|
|
|
667
666
|
.e-chips-close.e-close-hooker {
|
|
668
667
|
left: $ddl-close-icon-left;
|
|
@@ -671,16 +670,15 @@
|
|
|
671
670
|
@if $ddl-multiselect-skin-name == 'bootstrap5' or $ddl-multiselect-skin-name == 'tailwind' {
|
|
672
671
|
left: 0;
|
|
673
672
|
}
|
|
674
|
-
|
|
673
|
+
}
|
|
675
674
|
|
|
676
675
|
.e-close-hooker::before {
|
|
677
676
|
left: $ddl-rtl-hooker-left;
|
|
678
|
-
|
|
677
|
+
}
|
|
679
678
|
|
|
680
679
|
.e-delim-values .e-remain {
|
|
681
680
|
padding-right: $ddl-remains-padding-left;
|
|
682
681
|
}
|
|
683
|
-
|
|
684
682
|
}
|
|
685
683
|
}
|
|
686
684
|
|
|
@@ -981,7 +979,7 @@
|
|
|
981
979
|
opacity: .7;
|
|
982
980
|
}
|
|
983
981
|
|
|
984
|
-
.e-multi-select-wrapper input[readonly='true'] {
|
|
982
|
+
.e-multi-select-wrapper input[readonly = 'true'] {
|
|
985
983
|
pointer-events: none;
|
|
986
984
|
}
|
|
987
985
|
|
|
@@ -1006,7 +1004,6 @@ ejs-multiselect {
|
|
|
1006
1004
|
}
|
|
1007
1005
|
}
|
|
1008
1006
|
|
|
1009
|
-
|
|
1010
1007
|
// small size
|
|
1011
1008
|
.e-small.e-multi-select-list-wrapper .e-selectall-parent,
|
|
1012
1009
|
.e-small .e-multi-select-list-wrapper .e-selectall-parent {
|
|
@@ -1047,7 +1044,7 @@ ejs-multiselect {
|
|
|
1047
1044
|
}
|
|
1048
1045
|
}
|
|
1049
1046
|
|
|
1050
|
-
.e-small .e-multi-select-wrapper input[type='text'] {
|
|
1047
|
+
.e-small .e-multi-select-wrapper input[type = 'text'] {
|
|
1051
1048
|
@if $ddl-multiselect-skin-name == 'tailwind' {
|
|
1052
1049
|
font-size: $ddl-chip-small-font-size;
|
|
1053
1050
|
}
|
|
@@ -1070,7 +1067,7 @@ ejs-multiselect {
|
|
|
1070
1067
|
}
|
|
1071
1068
|
}
|
|
1072
1069
|
|
|
1073
|
-
.e-small .e-multi-select-wrapper .e-chips
|
|
1070
|
+
.e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
|
|
1074
1071
|
@if $ddl-multiselect-skin-name == 'bootstrap4' {
|
|
1075
1072
|
padding: $ddl-chip-small-content-padding;
|
|
1076
1073
|
}
|
|
@@ -1095,7 +1092,7 @@ ejs-multiselect {
|
|
|
1095
1092
|
min-height: $ddl-control-bigger-small-height;
|
|
1096
1093
|
}
|
|
1097
1094
|
|
|
1098
|
-
.e-bigger.e-small .e-multi-select-wrapper input[type='text'] {
|
|
1095
|
+
.e-bigger.e-small .e-multi-select-wrapper input[type = 'text'] {
|
|
1099
1096
|
@if $ddl-multiselect-skin-name == 'tailwind' {
|
|
1100
1097
|
font-size: $ddl-chip-bigger-small-font-size;
|
|
1101
1098
|
}
|
|
@@ -1124,7 +1121,7 @@ ejs-multiselect {
|
|
|
1124
1121
|
}
|
|
1125
1122
|
}
|
|
1126
1123
|
|
|
1127
|
-
.e-small.e-bigger .e-multi-select-wrapper .e-chips
|
|
1124
|
+
.e-small.e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
|
|
1128
1125
|
@if $ddl-multiselect-skin-name == 'bootstrap4' {
|
|
1129
1126
|
padding: $ddl-chip-bigger-content-padding;
|
|
1130
1127
|
}
|
|
@@ -1143,7 +1140,7 @@ ejs-multiselect {
|
|
|
1143
1140
|
|
|
1144
1141
|
// Outline textbox configuration
|
|
1145
1142
|
|
|
1146
|
-
.e-multiselect.e-outline .e-multi-select-wrapper input[type='text'] {
|
|
1143
|
+
.e-multiselect.e-outline .e-multi-select-wrapper input[type = 'text'] {
|
|
1147
1144
|
color: inherit;
|
|
1148
1145
|
@if $ddl-multiselect-skin-name == 'material' {
|
|
1149
1146
|
font-size: inherit;
|
|
@@ -1152,14 +1149,14 @@ ejs-multiselect {
|
|
|
1152
1149
|
}
|
|
1153
1150
|
}
|
|
1154
1151
|
|
|
1155
|
-
.e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type='text'] {
|
|
1152
|
+
.e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type = 'text'] {
|
|
1156
1153
|
@if $ddl-multiselect-skin-name == 'material' {
|
|
1157
1154
|
padding: 8px 12px 9px;
|
|
1158
1155
|
}
|
|
1159
1156
|
}
|
|
1160
1157
|
|
|
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'] {
|
|
1158
|
+
.e-small.e-multiselect.e-outline .e-multi-select-wrapper input[type = 'text'],
|
|
1159
|
+
.e-small .e-multiselect.e-outline .e-multi-select-wrapper input[type = 'text'] {
|
|
1163
1160
|
@if $ddl-multiselect-skin-name == 'material' {
|
|
1164
1161
|
font-size: inherit;
|
|
1165
1162
|
min-height: $outline-multiselect-small-inner-input-height;
|
|
@@ -1167,17 +1164,17 @@ ejs-multiselect {
|
|
|
1167
1164
|
}
|
|
1168
1165
|
}
|
|
1169
1166
|
|
|
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'] {
|
|
1167
|
+
.e-small.e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type = 'text'],
|
|
1168
|
+
.e-small .e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type = 'text'] {
|
|
1172
1169
|
@if $ddl-multiselect-skin-name == 'material' {
|
|
1173
1170
|
padding: 7px 10px;
|
|
1174
1171
|
}
|
|
1175
1172
|
}
|
|
1176
1173
|
|
|
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'] {
|
|
1174
|
+
.e-bigger.e-small.e-multiselect.e-outline .e-multi-select-wrapper input[type = 'text'],
|
|
1175
|
+
.e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper input[type = 'text'],
|
|
1176
|
+
.e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper input[type = 'text'],
|
|
1177
|
+
.e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper input[type = 'text'] {
|
|
1181
1178
|
@if $ddl-multiselect-skin-name == 'material' {
|
|
1182
1179
|
font-size: inherit;
|
|
1183
1180
|
min-height: $outline-multiselect-inner-input-height;
|
|
@@ -1185,17 +1182,17 @@ ejs-multiselect {
|
|
|
1185
1182
|
}
|
|
1186
1183
|
}
|
|
1187
1184
|
|
|
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'] {
|
|
1185
|
+
.e-bigger.e-small.e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type = 'text'],
|
|
1186
|
+
.e-bigger.e-small .e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type = 'text'],
|
|
1187
|
+
.e-bigger .e-small.e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type = 'text'],
|
|
1188
|
+
.e-small .e-bigger.e-multiselect.e-outline.e-input-focus .e-multi-select-wrapper input[type = 'text'] {
|
|
1192
1189
|
@if $ddl-multiselect-skin-name == 'material' {
|
|
1193
1190
|
padding: 8px 12px 9px;
|
|
1194
1191
|
}
|
|
1195
1192
|
}
|
|
1196
1193
|
|
|
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'] {
|
|
1194
|
+
.e-bigger.e-multiselect.e-outline .e-multi-select-wrapper input[type = 'text'],
|
|
1195
|
+
.e-bigger .e-multiselect.e-outline .e-multi-select-wrapper input[type = 'text'] {
|
|
1199
1196
|
@if $ddl-multiselect-skin-name == 'material' {
|
|
1200
1197
|
font-size: inherit;
|
|
1201
1198
|
min-height: $outline-multiselect-bigger-inner-input-height;
|
|
@@ -1594,7 +1591,6 @@ ejs-multiselect {
|
|
|
1594
1591
|
}
|
|
1595
1592
|
}
|
|
1596
1593
|
|
|
1597
|
-
|
|
1598
1594
|
.e-bigger.e-small.e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
|
|
1599
1595
|
.e-bigger.e-small .e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
|
|
1600
1596
|
.e-bigger .e-small.e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
|
|
@@ -1608,7 +1604,6 @@ ejs-multiselect {
|
|
|
1608
1604
|
}
|
|
1609
1605
|
}
|
|
1610
1606
|
|
|
1611
|
-
|
|
1612
1607
|
// Filled theme specifications
|
|
1613
1608
|
|
|
1614
1609
|
// Multiselect wrapper
|
|
@@ -1658,26 +1653,26 @@ ejs-multiselect {
|
|
|
1658
1653
|
|
|
1659
1654
|
// Searchable input
|
|
1660
1655
|
|
|
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'] {
|
|
1656
|
+
.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type = 'text'],
|
|
1657
|
+
.e-bigger.e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type = 'text'],
|
|
1658
|
+
.e-bigger.e-small .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type = 'text'],
|
|
1659
|
+
.e-bigger .e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type = 'text'],
|
|
1660
|
+
.e-small .e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type = 'text'] {
|
|
1666
1661
|
@if $ddl-multiselect-skin-name == 'material' {
|
|
1667
1662
|
min-height: $ddl-multiselect-filled-input-min-height;
|
|
1668
1663
|
padding-right: 10px;
|
|
1669
1664
|
}
|
|
1670
1665
|
}
|
|
1671
1666
|
|
|
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'] {
|
|
1667
|
+
.e-small.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type = 'text'],
|
|
1668
|
+
.e-small .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type = 'text'] {
|
|
1674
1669
|
@if $ddl-multiselect-skin-name == 'material' {
|
|
1675
1670
|
min-height: $ddl-multiselect-filled-input-min-height-small;
|
|
1676
1671
|
}
|
|
1677
1672
|
}
|
|
1678
1673
|
|
|
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'] {
|
|
1674
|
+
.e-small.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper input[type = 'text'],
|
|
1675
|
+
.e-small .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper input[type = 'text'] {
|
|
1681
1676
|
@if $ddl-multiselect-skin-name == 'material' {
|
|
1682
1677
|
height: $ddl-multiselect-filled-float-input-min-height-small;
|
|
1683
1678
|
min-height: $ddl-multiselect-filled-float-input-min-height-small;
|
|
@@ -1685,15 +1680,15 @@ ejs-multiselect {
|
|
|
1685
1680
|
}
|
|
1686
1681
|
}
|
|
1687
1682
|
|
|
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'] {
|
|
1683
|
+
.e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type = 'text'],
|
|
1684
|
+
.e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper input[type = 'text'] {
|
|
1690
1685
|
@if $ddl-multiselect-skin-name == 'material' {
|
|
1691
1686
|
min-height: $ddl-multiselect-filled-input-min-height-bigger;
|
|
1692
1687
|
}
|
|
1693
1688
|
}
|
|
1694
1689
|
|
|
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'] {
|
|
1690
|
+
.e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper input[type = 'text'],
|
|
1691
|
+
.e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper input[type = 'text'] {
|
|
1697
1692
|
@if $ddl-multiselect-skin-name == 'material' {
|
|
1698
1693
|
min-height: $ddl-multiselect-filled-float-input-min-height-bigger;
|
|
1699
1694
|
}
|
|
@@ -1734,16 +1729,15 @@ ejs-multiselect {
|
|
|
1734
1729
|
}
|
|
1735
1730
|
|
|
1736
1731
|
.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,
|
|
1732
|
+
.e-bigger.e-small .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher .e-bigger .e-small.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher,
|
|
1739
1733
|
.e-small .e-bigger.e-filled.e-multiselect.e-float-input .e-multi-select-wrapper.e-delimiter .e-searcher {
|
|
1740
1734
|
@if $ddl-multiselect-skin-name == 'material' {
|
|
1741
1735
|
height: $ddl-multiselect-filled-float-input-min-height;
|
|
1742
1736
|
}
|
|
1743
1737
|
}
|
|
1744
1738
|
|
|
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'] {
|
|
1739
|
+
.e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type = 'text'],
|
|
1740
|
+
.e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-delimiter input[type = 'text'] {
|
|
1747
1741
|
padding: 5px 0;
|
|
1748
1742
|
}
|
|
1749
1743
|
|
|
@@ -1815,7 +1809,6 @@ ejs-multiselect {
|
|
|
1815
1809
|
}
|
|
1816
1810
|
}
|
|
1817
1811
|
|
|
1818
|
-
|
|
1819
1812
|
// Chip specifications
|
|
1820
1813
|
|
|
1821
1814
|
.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
|
|
@@ -1833,7 +1826,6 @@ ejs-multiselect {
|
|
|
1833
1826
|
height: 24px;
|
|
1834
1827
|
}
|
|
1835
1828
|
|
|
1836
|
-
|
|
1837
1829
|
.e-bigger.e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
|
|
1838
1830
|
.e-bigger .e-multiselect.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
|
|
1839
1831
|
height: 32px;
|
|
@@ -1983,10 +1975,6 @@ ejs-multiselect {
|
|
|
1983
1975
|
padding-right: 8px;
|
|
1984
1976
|
}
|
|
1985
1977
|
|
|
1986
|
-
|
|
1987
|
-
|
|
1988
|
-
|
|
1989
|
-
|
|
1990
1978
|
// Clear icon styles
|
|
1991
1979
|
|
|
1992
1980
|
.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,6 +154,7 @@ $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
|
+
|
|
157
158
|
//enddefault
|
|
158
159
|
|
|
159
160
|
$ddl-outline-multiselect-height: 34px !default;
|
|
@@ -211,6 +212,7 @@ $ddl-multiselect-filled-input-min-height-small: 32px !default;
|
|
|
211
212
|
$ddl-multiselect-filled-float-input-min-height-small: 22px !default;
|
|
212
213
|
$ddl-multiselect-filled-floatlabel-fontsize-small: 10px !default;
|
|
213
214
|
$ddl-multiselect-filled-chip-clear-icon-size-small: 10px !default;
|
|
215
|
+
|
|
214
216
|
// Touch
|
|
215
217
|
$ddl-multiselect-filled-input-min-height-bigger: 52px !default;
|
|
216
218
|
$ddl-multiselect-filled-float-input-min-height-bigger: 36px !default;
|
|
@@ -132,6 +132,7 @@ $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
|
+
|
|
135
136
|
// Small size
|
|
136
137
|
$ddl-select-all-height-small: 26px !default;
|
|
137
138
|
$ddl-small-chip-height: 20px !default;
|
|
@@ -116,6 +116,7 @@ $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
|
+
|
|
119
120
|
// Small size
|
|
120
121
|
$ddl-select-all-height-small: 26px !default;
|
|
121
122
|
$ddl-small-chip-height: 20px !default;
|
|
@@ -207,7 +208,7 @@ $ddl-close-down-icon-left: 35px !default;
|
|
|
207
208
|
width: $ddl-chip-hooker-square;
|
|
208
209
|
}
|
|
209
210
|
|
|
210
|
-
.e-multi-select-wrapper .e-searcher input[type='text'] {
|
|
211
|
+
.e-multi-select-wrapper .e-searcher input[type = 'text'] {
|
|
211
212
|
color: $content-text-color;
|
|
212
213
|
height: 100%;
|
|
213
214
|
}
|
|
@@ -216,4 +217,3 @@ $ddl-close-down-icon-left: 35px !default;
|
|
|
216
217
|
border-left-width: 0;
|
|
217
218
|
}
|
|
218
219
|
}
|
|
219
|
-
|
|
@@ -128,6 +128,7 @@ $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
|
+
|
|
131
132
|
// Small size
|
|
132
133
|
$ddl-select-all-height-small: 24px !default;
|
|
133
134
|
$ddl-small-chip-height: 18px !default;
|
|
@@ -189,7 +190,6 @@ $ddl-delim-font-color: $content-text-color !default;
|
|
|
189
190
|
$ddl-close-icon-color: $icon-color !default;
|
|
190
191
|
$ddl-close-icon-hover-color: $icon-color-hover !default;
|
|
191
192
|
|
|
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,9 +217,8 @@ $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='text'] {
|
|
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
|
-
|