@syncfusion/ej2-splitbuttons 25.2.3 → 26.1.35
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.eslintrc.json +3 -2
- package/dist/ej2-splitbuttons.min.js +2 -2
- package/dist/ej2-splitbuttons.umd.min.js +2 -2
- package/dist/ej2-splitbuttons.umd.min.js.map +1 -1
- package/dist/es6/ej2-splitbuttons.es2015.js +29 -48
- package/dist/es6/ej2-splitbuttons.es2015.js.map +1 -1
- package/dist/es6/ej2-splitbuttons.es5.js +30 -45
- package/dist/es6/ej2-splitbuttons.es5.js.map +1 -1
- package/dist/global/ej2-splitbuttons.min.js +2 -2
- package/dist/global/ej2-splitbuttons.min.js.map +1 -1
- package/dist/global/index.d.ts +1 -1
- package/package.json +8 -8
- package/src/drop-down-button/drop-down-button.js +6 -1
- package/src/progress-button/progress-button.js +3 -3
- package/src/split-button/split-button.js +2 -1
- package/styles/bootstrap-dark.css +302 -110
- package/styles/bootstrap-dark.scss +14 -4
- package/styles/bootstrap.css +302 -110
- package/styles/bootstrap.scss +14 -4
- package/styles/bootstrap4.css +266 -93
- package/styles/bootstrap4.scss +14 -4
- package/styles/bootstrap5-dark.css +266 -187
- package/styles/bootstrap5-dark.scss +14 -4
- package/styles/bootstrap5.css +266 -187
- package/styles/bootstrap5.scss +14 -4
- package/styles/button-group/_bootstrap-dark-definition.scss +0 -2
- package/styles/button-group/_bootstrap5.3-definition.scss +31 -0
- package/styles/button-group/_fabric-dark-definition.scss +0 -2
- package/styles/button-group/_fluent2-definition.scss +31 -0
- package/styles/button-group/_group-button-mixin.scss +21 -0
- package/styles/button-group/_highcontrast-light-definition.scss +0 -2
- package/styles/button-group/_layout.scss +5 -13
- package/styles/button-group/_material-dark-definition.scss +0 -2
- package/styles/button-group/_theme.scss +32 -85
- package/styles/button-group/bootstrap-dark.css +132 -70
- package/styles/button-group/bootstrap.css +132 -70
- package/styles/button-group/bootstrap4.css +108 -59
- package/styles/button-group/bootstrap5-dark.css +108 -59
- package/styles/button-group/bootstrap5.css +108 -59
- package/styles/button-group/fabric-dark.css +132 -70
- package/styles/button-group/fabric.css +137 -75
- package/styles/button-group/fluent-dark.css +148 -78
- package/styles/button-group/fluent.css +148 -78
- package/styles/button-group/fluent2.css +1849 -0
- package/styles/button-group/fluent2.scss +4 -0
- package/styles/button-group/highcontrast-light.css +132 -70
- package/styles/button-group/highcontrast.css +132 -70
- package/styles/button-group/material-dark.css +146 -77
- package/styles/button-group/material.css +148 -78
- package/styles/button-group/material3-dark.css +190 -90
- package/styles/button-group/material3.css +190 -90
- package/styles/button-group/tailwind-dark.css +130 -70
- package/styles/button-group/tailwind.css +130 -70
- package/styles/drop-down-button/_bds-definition.scss +5 -5
- package/styles/drop-down-button/_bootstrap-dark-definition.scss +0 -3
- package/styles/drop-down-button/_bootstrap5-definition.scss +0 -1
- package/styles/drop-down-button/_bootstrap5.3-definition.scss +49 -0
- package/styles/drop-down-button/_fabric-dark-definition.scss +0 -3
- package/styles/drop-down-button/_fluent-definition.scss +0 -1
- package/styles/drop-down-button/_fluent2-definition.scss +48 -0
- package/styles/drop-down-button/_fusionnew-definition.scss +0 -1
- package/styles/drop-down-button/_highcontrast-light-definition.scss +0 -3
- package/styles/drop-down-button/_layout.scss +51 -6
- package/styles/drop-down-button/_material-dark-definition.scss +0 -3
- package/styles/drop-down-button/_material3-definition.scss +0 -1
- package/styles/drop-down-button/_tailwind-definition.scss +0 -1
- package/styles/drop-down-button/_theme.scss +8 -8
- package/styles/drop-down-button/bootstrap-dark.css +27 -14
- package/styles/drop-down-button/bootstrap.css +27 -14
- package/styles/drop-down-button/bootstrap4.css +23 -12
- package/styles/drop-down-button/bootstrap5-dark.css +23 -12
- package/styles/drop-down-button/bootstrap5.css +23 -12
- package/styles/drop-down-button/fabric-dark.css +27 -14
- package/styles/drop-down-button/fabric.css +27 -14
- package/styles/drop-down-button/fluent-dark.css +27 -14
- package/styles/drop-down-button/fluent.css +27 -14
- package/styles/drop-down-button/fluent2.css +1308 -0
- package/styles/drop-down-button/fluent2.scss +6 -0
- package/styles/drop-down-button/highcontrast-light.css +27 -14
- package/styles/drop-down-button/highcontrast.css +27 -14
- package/styles/drop-down-button/icons/_bootstrap5.3.scss +10 -0
- package/styles/drop-down-button/icons/_fluent2.scss +10 -0
- package/styles/drop-down-button/material-dark.css +27 -14
- package/styles/drop-down-button/material.css +27 -14
- package/styles/drop-down-button/material3-dark.css +33 -17
- package/styles/drop-down-button/material3.css +33 -17
- package/styles/drop-down-button/tailwind-dark.css +27 -14
- package/styles/drop-down-button/tailwind.css +27 -14
- package/styles/fabric-dark.css +302 -110
- package/styles/fabric-dark.scss +14 -4
- package/styles/fabric.css +307 -115
- package/styles/fabric.scss +14 -4
- package/styles/fluent-dark.css +310 -115
- package/styles/fluent-dark.scss +14 -4
- package/styles/fluent.css +310 -115
- package/styles/fluent.scss +14 -4
- package/styles/fluent2.css +3072 -0
- package/styles/fluent2.scss +14 -0
- package/styles/highcontrast-light.css +302 -110
- package/styles/highcontrast-light.scss +14 -4
- package/styles/highcontrast.css +302 -110
- package/styles/highcontrast.scss +14 -4
- package/styles/material-dark.css +316 -117
- package/styles/material-dark.scss +14 -4
- package/styles/material.css +318 -118
- package/styles/material.scss +14 -4
- package/styles/material3-dark.css +396 -147
- package/styles/material3-dark.scss +14 -4
- package/styles/material3.css +392 -145
- package/styles/material3.scss +14 -4
- package/styles/progress-button/_bootstrap-dark-definition.scss +0 -3
- package/styles/progress-button/_bootstrap5-definition.scss +0 -1
- package/styles/progress-button/_bootstrap5.3-definition.scss +20 -0
- package/styles/progress-button/_fabric-dark-definition.scss +0 -3
- package/styles/progress-button/_fluent-definition.scss +0 -1
- package/styles/progress-button/_fluent2-definition.scss +26 -0
- package/styles/progress-button/_fusionnew-definition.scss +0 -1
- package/styles/progress-button/_layout.scss +0 -2
- package/styles/progress-button/_material-dark-definition.scss +0 -3
- package/styles/progress-button/_material3-definition.scss +0 -1
- package/styles/progress-button/_tailwind-definition.scss +0 -1
- package/styles/progress-button/_theme.scss +115 -50
- package/styles/progress-button/bootstrap-dark.css +118 -13
- package/styles/progress-button/bootstrap.css +118 -13
- package/styles/progress-button/bootstrap4.css +118 -13
- package/styles/progress-button/bootstrap5-dark.css +118 -106
- package/styles/progress-button/bootstrap5.css +118 -106
- package/styles/progress-button/fabric-dark.css +118 -13
- package/styles/progress-button/fabric.css +118 -13
- package/styles/progress-button/fluent-dark.css +118 -13
- package/styles/progress-button/fluent.css +118 -13
- package/styles/progress-button/fluent2.css +1636 -0
- package/styles/progress-button/fluent2.scss +5 -0
- package/styles/progress-button/highcontrast-light.css +118 -13
- package/styles/progress-button/highcontrast.css +118 -13
- package/styles/progress-button/material-dark.css +118 -13
- package/styles/progress-button/material.css +118 -13
- package/styles/progress-button/material3-dark.css +119 -14
- package/styles/progress-button/material3.css +119 -14
- package/styles/progress-button/tailwind-dark.css +118 -13
- package/styles/progress-button/tailwind.css +118 -13
- package/styles/split-button/_bds-definition.scss +0 -1
- package/styles/split-button/_bootstrap-dark-definition.scss +0 -3
- package/styles/split-button/_bootstrap4-definition.scss +0 -3
- package/styles/split-button/_bootstrap5-definition.scss +0 -1
- package/styles/split-button/_bootstrap5.3-definition.scss +23 -0
- package/styles/split-button/_fabric-dark-definition.scss +0 -3
- package/styles/split-button/_fluent-definition.scss +0 -1
- package/styles/split-button/_fluent2-definition.scss +23 -0
- package/styles/split-button/_fusionnew-definition.scss +0 -1
- package/styles/split-button/_highcontrast-light-definition.scss +0 -3
- package/styles/split-button/_layout.scss +16 -4
- package/styles/split-button/_theme.scss +0 -2
- package/styles/split-button/bootstrap-dark.css +25 -13
- package/styles/split-button/bootstrap.css +25 -13
- package/styles/split-button/bootstrap4.css +17 -9
- package/styles/split-button/bootstrap5-dark.css +17 -9
- package/styles/split-button/bootstrap5.css +17 -9
- package/styles/split-button/fabric-dark.css +25 -13
- package/styles/split-button/fabric.css +25 -13
- package/styles/split-button/fluent-dark.css +17 -9
- package/styles/split-button/fluent.css +17 -9
- package/styles/split-button/fluent2.css +1379 -0
- package/styles/split-button/fluent2.scss +6 -0
- package/styles/split-button/highcontrast-light.css +25 -13
- package/styles/split-button/highcontrast.css +25 -13
- package/styles/split-button/material-dark.css +25 -13
- package/styles/split-button/material.css +25 -13
- package/styles/split-button/material3-dark.css +57 -28
- package/styles/split-button/material3.css +53 -26
- package/styles/split-button/tailwind-dark.css +25 -13
- package/styles/split-button/tailwind.css +25 -13
- package/styles/tailwind-dark.css +300 -111
- package/styles/tailwind-dark.scss +14 -4
- package/styles/tailwind.css +300 -111
- package/styles/tailwind.scss +14 -4
- package/CHANGELOG.md +0 -367
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
--color-sf-on-warning: 99, 52, 0;
|
|
45
45
|
--color-sf-on-warning-container: 255, 220, 193;
|
|
46
46
|
--color-sf-spreadsheet-gridline: 231, 224, 236;
|
|
47
|
-
--color-sf-shadow-focus-ring1: 0 0 0 1px #
|
|
47
|
+
--color-sf-shadow-focus-ring1: 0 0 0 1px #000, 0 0 0 3px #fff;
|
|
48
48
|
--color-sf-success-text: 0, 0, 0;
|
|
49
49
|
--color-sf-warning-text: 0, 0, 0;
|
|
50
50
|
--color-sf-info-text: 0, 0, 0;
|
|
@@ -59,27 +59,31 @@
|
|
|
59
59
|
content: "\e70d";
|
|
60
60
|
}
|
|
61
61
|
|
|
62
|
-
/*! drop-down button layout */
|
|
63
62
|
.e-dropdown-btn,
|
|
64
63
|
.e-dropdown-btn.e-btn {
|
|
65
|
-
box-shadow: none;
|
|
64
|
+
-webkit-box-shadow: none;
|
|
65
|
+
box-shadow: none;
|
|
66
66
|
text-transform: none;
|
|
67
67
|
white-space: normal;
|
|
68
68
|
border-radius: 4px;
|
|
69
|
-
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
|
|
69
|
+
-webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
|
|
70
|
+
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
|
|
70
71
|
padding: 7px 16px;
|
|
71
72
|
}
|
|
72
73
|
.e-dropdown-btn:focus,
|
|
73
74
|
.e-dropdown-btn.e-btn:focus {
|
|
74
|
-
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
|
|
75
|
+
-webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
|
|
76
|
+
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
|
|
75
77
|
}
|
|
76
78
|
.e-dropdown-btn:focus-visible,
|
|
77
79
|
.e-dropdown-btn.e-btn:focus-visible {
|
|
78
|
-
box-shadow: 0 0 0 1px #
|
|
80
|
+
-webkit-box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff;
|
|
81
|
+
box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff;
|
|
79
82
|
}
|
|
80
83
|
.e-dropdown-btn:active,
|
|
81
84
|
.e-dropdown-btn.e-btn:active {
|
|
82
|
-
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
|
|
85
|
+
-webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
|
|
86
|
+
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
|
|
83
87
|
}
|
|
84
88
|
.e-dropdown-btn .e-btn-icon,
|
|
85
89
|
.e-dropdown-btn.e-btn .e-btn-icon {
|
|
@@ -112,7 +116,6 @@
|
|
|
112
116
|
line-height: 1;
|
|
113
117
|
padding: 6px 12px;
|
|
114
118
|
}
|
|
115
|
-
|
|
116
119
|
.e-bigger .e-dropdown-btn .e-btn-icon,
|
|
117
120
|
.e-bigger.e-dropdown-btn .e-btn-icon {
|
|
118
121
|
font-size: 18px;
|
|
@@ -138,8 +141,10 @@
|
|
|
138
141
|
.e-dropdown-popup ul {
|
|
139
142
|
border: 0 solid rgba(var(--color-sf-outline-variant));
|
|
140
143
|
border-radius: 4px;
|
|
141
|
-
box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
|
|
142
|
-
|
|
144
|
+
-webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
|
|
145
|
+
box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
|
|
146
|
+
-webkit-box-sizing: border-box;
|
|
147
|
+
box-sizing: border-box;
|
|
143
148
|
font-size: 14px;
|
|
144
149
|
font-weight: 400;
|
|
145
150
|
list-style-image: none;
|
|
@@ -150,18 +155,23 @@
|
|
|
150
155
|
overflow: hidden;
|
|
151
156
|
padding: 4px 0;
|
|
152
157
|
-webkit-user-select: none;
|
|
158
|
+
-moz-user-select: none;
|
|
153
159
|
-ms-user-select: none;
|
|
154
160
|
user-select: none;
|
|
155
161
|
white-space: nowrap;
|
|
156
162
|
}
|
|
157
163
|
.e-dropdown-popup ul .e-item {
|
|
158
164
|
cursor: pointer;
|
|
165
|
+
display: -webkit-box;
|
|
159
166
|
display: -ms-flexbox;
|
|
160
167
|
display: flex;
|
|
161
168
|
height: 32px;
|
|
162
169
|
line-height: 32px;
|
|
163
170
|
padding: 0 12px;
|
|
164
171
|
}
|
|
172
|
+
.e-dropdown-popup ul .e-item.e-separator {
|
|
173
|
+
padding: 0 !important; /* stylelint-disable-line declaration-no-important */
|
|
174
|
+
}
|
|
165
175
|
.e-dropdown-popup ul .e-item.e-url {
|
|
166
176
|
padding: 0;
|
|
167
177
|
}
|
|
@@ -182,7 +192,8 @@
|
|
|
182
192
|
.e-dropdown-popup ul .e-item.e-disabled {
|
|
183
193
|
cursor: auto;
|
|
184
194
|
pointer-events: none;
|
|
185
|
-
box-shadow: none;
|
|
195
|
+
-webkit-box-shadow: none;
|
|
196
|
+
box-shadow: none;
|
|
186
197
|
}
|
|
187
198
|
.e-dropdown-popup ul .e-item.e-separator {
|
|
188
199
|
border-bottom-style: solid;
|
|
@@ -195,7 +206,8 @@
|
|
|
195
206
|
}
|
|
196
207
|
.e-dropdown-popup.e-transparent {
|
|
197
208
|
background: transparent;
|
|
198
|
-
box-shadow: none;
|
|
209
|
+
-webkit-box-shadow: none;
|
|
210
|
+
box-shadow: none;
|
|
199
211
|
}
|
|
200
212
|
.e-dropdown-popup.e-transparent .e-dropdown-menu {
|
|
201
213
|
border: 0;
|
|
@@ -213,7 +225,8 @@
|
|
|
213
225
|
|
|
214
226
|
*.e-bigger .e-dropdown-popup ul,
|
|
215
227
|
*.e-bigger.e-dropdown-popup ul {
|
|
216
|
-
box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
|
|
228
|
+
-webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
|
|
229
|
+
box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
|
|
217
230
|
font-size: 16px;
|
|
218
231
|
max-width: 202px;
|
|
219
232
|
min-width: 112px;
|
|
@@ -240,8 +253,8 @@
|
|
|
240
253
|
line-height: normal;
|
|
241
254
|
}
|
|
242
255
|
|
|
243
|
-
/*! drop-down button theme */
|
|
244
256
|
.e-dropdown-popup {
|
|
257
|
+
background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
|
|
245
258
|
background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
|
|
246
259
|
color: rgba(var(--color-sf-on-surface));
|
|
247
260
|
}
|
|
@@ -253,7 +266,8 @@
|
|
|
253
266
|
}
|
|
254
267
|
.e-dropdown-popup ul .e-item.e-focused {
|
|
255
268
|
background: rgba(var(--color-sf-on-surface), 0.04);
|
|
256
|
-
box-shadow: none;
|
|
269
|
+
-webkit-box-shadow: none;
|
|
270
|
+
box-shadow: none;
|
|
257
271
|
}
|
|
258
272
|
.e-dropdown-popup ul .e-item:hover {
|
|
259
273
|
background: rgba(var(--color-sf-on-surface), 0.05);
|
|
@@ -277,7 +291,8 @@
|
|
|
277
291
|
.e-dropdown-btn.e-btn.e-inherit {
|
|
278
292
|
background: inherit;
|
|
279
293
|
border-color: transparent;
|
|
280
|
-
box-shadow: none;
|
|
294
|
+
-webkit-box-shadow: none;
|
|
295
|
+
box-shadow: none;
|
|
281
296
|
color: inherit;
|
|
282
297
|
}
|
|
283
298
|
.e-dropdown-btn.e-inherit:hover, .e-dropdown-btn.e-inherit:focus, .e-dropdown-btn.e-inherit:active, .e-dropdown-btn.e-inherit.e-active,
|
|
@@ -287,6 +302,7 @@
|
|
|
287
302
|
.e-dropdown-btn.e-btn.e-inherit.e-active {
|
|
288
303
|
background: rgba(0, 0, 0, 0.056);
|
|
289
304
|
border-color: transparent;
|
|
290
|
-
box-shadow: none;
|
|
305
|
+
-webkit-box-shadow: none;
|
|
306
|
+
box-shadow: none;
|
|
291
307
|
color: inherit;
|
|
292
308
|
}
|
|
@@ -100,7 +100,7 @@
|
|
|
100
100
|
--color-sf-on-warning: 99, 52, 0;
|
|
101
101
|
--color-sf-on-warning-container: 255, 220, 193;
|
|
102
102
|
--color-sf-spreadsheet-gridline: 231, 224, 236;
|
|
103
|
-
--color-sf-shadow-focus-ring1: 0 0 0 1px #
|
|
103
|
+
--color-sf-shadow-focus-ring1: 0 0 0 1px #000, 0 0 0 3px #fff;
|
|
104
104
|
--color-sf-success-text: 0, 0, 0;
|
|
105
105
|
--color-sf-warning-text: 0, 0, 0;
|
|
106
106
|
--color-sf-info-text: 0, 0, 0;
|
|
@@ -115,27 +115,31 @@
|
|
|
115
115
|
content: "\e70d";
|
|
116
116
|
}
|
|
117
117
|
|
|
118
|
-
/*! drop-down button layout */
|
|
119
118
|
.e-dropdown-btn,
|
|
120
119
|
.e-dropdown-btn.e-btn {
|
|
121
|
-
box-shadow: none;
|
|
120
|
+
-webkit-box-shadow: none;
|
|
121
|
+
box-shadow: none;
|
|
122
122
|
text-transform: none;
|
|
123
123
|
white-space: normal;
|
|
124
124
|
border-radius: 4px;
|
|
125
|
-
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
|
|
125
|
+
-webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
|
|
126
|
+
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
|
|
126
127
|
padding: 7px 16px;
|
|
127
128
|
}
|
|
128
129
|
.e-dropdown-btn:focus,
|
|
129
130
|
.e-dropdown-btn.e-btn:focus {
|
|
130
|
-
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
|
|
131
|
+
-webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
|
|
132
|
+
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
|
|
131
133
|
}
|
|
132
134
|
.e-dropdown-btn:focus-visible,
|
|
133
135
|
.e-dropdown-btn.e-btn:focus-visible {
|
|
134
|
-
box-shadow: 0 0 0 1px #
|
|
136
|
+
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000;
|
|
137
|
+
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000;
|
|
135
138
|
}
|
|
136
139
|
.e-dropdown-btn:active,
|
|
137
140
|
.e-dropdown-btn.e-btn:active {
|
|
138
|
-
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
|
|
141
|
+
-webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
|
|
142
|
+
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
|
|
139
143
|
}
|
|
140
144
|
.e-dropdown-btn .e-btn-icon,
|
|
141
145
|
.e-dropdown-btn.e-btn .e-btn-icon {
|
|
@@ -168,7 +172,6 @@
|
|
|
168
172
|
line-height: 1;
|
|
169
173
|
padding: 6px 12px;
|
|
170
174
|
}
|
|
171
|
-
|
|
172
175
|
.e-bigger .e-dropdown-btn .e-btn-icon,
|
|
173
176
|
.e-bigger.e-dropdown-btn .e-btn-icon {
|
|
174
177
|
font-size: 18px;
|
|
@@ -194,8 +197,10 @@
|
|
|
194
197
|
.e-dropdown-popup ul {
|
|
195
198
|
border: 0 solid rgba(var(--color-sf-outline-variant));
|
|
196
199
|
border-radius: 4px;
|
|
197
|
-
box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
|
|
198
|
-
|
|
200
|
+
-webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
|
|
201
|
+
box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
|
|
202
|
+
-webkit-box-sizing: border-box;
|
|
203
|
+
box-sizing: border-box;
|
|
199
204
|
font-size: 14px;
|
|
200
205
|
font-weight: 400;
|
|
201
206
|
list-style-image: none;
|
|
@@ -206,18 +211,23 @@
|
|
|
206
211
|
overflow: hidden;
|
|
207
212
|
padding: 4px 0;
|
|
208
213
|
-webkit-user-select: none;
|
|
214
|
+
-moz-user-select: none;
|
|
209
215
|
-ms-user-select: none;
|
|
210
216
|
user-select: none;
|
|
211
217
|
white-space: nowrap;
|
|
212
218
|
}
|
|
213
219
|
.e-dropdown-popup ul .e-item {
|
|
214
220
|
cursor: pointer;
|
|
221
|
+
display: -webkit-box;
|
|
215
222
|
display: -ms-flexbox;
|
|
216
223
|
display: flex;
|
|
217
224
|
height: 32px;
|
|
218
225
|
line-height: 32px;
|
|
219
226
|
padding: 0 12px;
|
|
220
227
|
}
|
|
228
|
+
.e-dropdown-popup ul .e-item.e-separator {
|
|
229
|
+
padding: 0 !important; /* stylelint-disable-line declaration-no-important */
|
|
230
|
+
}
|
|
221
231
|
.e-dropdown-popup ul .e-item.e-url {
|
|
222
232
|
padding: 0;
|
|
223
233
|
}
|
|
@@ -238,7 +248,8 @@
|
|
|
238
248
|
.e-dropdown-popup ul .e-item.e-disabled {
|
|
239
249
|
cursor: auto;
|
|
240
250
|
pointer-events: none;
|
|
241
|
-
box-shadow: none;
|
|
251
|
+
-webkit-box-shadow: none;
|
|
252
|
+
box-shadow: none;
|
|
242
253
|
}
|
|
243
254
|
.e-dropdown-popup ul .e-item.e-separator {
|
|
244
255
|
border-bottom-style: solid;
|
|
@@ -251,7 +262,8 @@
|
|
|
251
262
|
}
|
|
252
263
|
.e-dropdown-popup.e-transparent {
|
|
253
264
|
background: transparent;
|
|
254
|
-
box-shadow: none;
|
|
265
|
+
-webkit-box-shadow: none;
|
|
266
|
+
box-shadow: none;
|
|
255
267
|
}
|
|
256
268
|
.e-dropdown-popup.e-transparent .e-dropdown-menu {
|
|
257
269
|
border: 0;
|
|
@@ -269,7 +281,8 @@
|
|
|
269
281
|
|
|
270
282
|
*.e-bigger .e-dropdown-popup ul,
|
|
271
283
|
*.e-bigger.e-dropdown-popup ul {
|
|
272
|
-
box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
|
|
284
|
+
-webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
|
|
285
|
+
box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
|
|
273
286
|
font-size: 16px;
|
|
274
287
|
max-width: 202px;
|
|
275
288
|
min-width: 112px;
|
|
@@ -296,8 +309,8 @@
|
|
|
296
309
|
line-height: normal;
|
|
297
310
|
}
|
|
298
311
|
|
|
299
|
-
/*! drop-down button theme */
|
|
300
312
|
.e-dropdown-popup {
|
|
313
|
+
background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-surface), 1)), to(rgba(var(--color-sf-surface), 1))), rgba(var(--color-sf-surface));
|
|
301
314
|
background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
|
|
302
315
|
color: rgba(var(--color-sf-on-surface));
|
|
303
316
|
}
|
|
@@ -309,7 +322,8 @@
|
|
|
309
322
|
}
|
|
310
323
|
.e-dropdown-popup ul .e-item.e-focused {
|
|
311
324
|
background: rgba(var(--color-sf-on-surface), 0.04);
|
|
312
|
-
box-shadow: none;
|
|
325
|
+
-webkit-box-shadow: none;
|
|
326
|
+
box-shadow: none;
|
|
313
327
|
}
|
|
314
328
|
.e-dropdown-popup ul .e-item:hover {
|
|
315
329
|
background: rgba(var(--color-sf-on-surface), 0.05);
|
|
@@ -333,7 +347,8 @@
|
|
|
333
347
|
.e-dropdown-btn.e-btn.e-inherit {
|
|
334
348
|
background: inherit;
|
|
335
349
|
border-color: transparent;
|
|
336
|
-
box-shadow: none;
|
|
350
|
+
-webkit-box-shadow: none;
|
|
351
|
+
box-shadow: none;
|
|
337
352
|
color: inherit;
|
|
338
353
|
}
|
|
339
354
|
.e-dropdown-btn.e-inherit:hover, .e-dropdown-btn.e-inherit:focus, .e-dropdown-btn.e-inherit:active, .e-dropdown-btn.e-inherit.e-active,
|
|
@@ -343,6 +358,7 @@
|
|
|
343
358
|
.e-dropdown-btn.e-btn.e-inherit.e-active {
|
|
344
359
|
background: rgba(0, 0, 0, 0.056);
|
|
345
360
|
border-color: transparent;
|
|
346
|
-
box-shadow: none;
|
|
361
|
+
-webkit-box-shadow: none;
|
|
362
|
+
box-shadow: none;
|
|
347
363
|
color: inherit;
|
|
348
364
|
}
|
|
@@ -4,24 +4,27 @@
|
|
|
4
4
|
content: "\e70d";
|
|
5
5
|
}
|
|
6
6
|
|
|
7
|
-
/*! drop-down button layout */
|
|
8
7
|
.e-dropdown-btn,
|
|
9
8
|
.e-dropdown-btn.e-btn {
|
|
10
|
-
box-shadow: none;
|
|
9
|
+
-webkit-box-shadow: none;
|
|
10
|
+
box-shadow: none;
|
|
11
11
|
text-transform: none;
|
|
12
12
|
white-space: normal;
|
|
13
13
|
}
|
|
14
14
|
.e-dropdown-btn:hover,
|
|
15
15
|
.e-dropdown-btn.e-btn:hover {
|
|
16
|
-
box-shadow: none;
|
|
16
|
+
-webkit-box-shadow: none;
|
|
17
|
+
box-shadow: none;
|
|
17
18
|
}
|
|
18
19
|
.e-dropdown-btn:focus,
|
|
19
20
|
.e-dropdown-btn.e-btn:focus {
|
|
20
|
-
box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
|
|
21
|
+
-webkit-box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
|
|
22
|
+
box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
|
|
21
23
|
}
|
|
22
24
|
.e-dropdown-btn:active,
|
|
23
25
|
.e-dropdown-btn.e-btn:active {
|
|
24
|
-
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
|
|
26
|
+
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
|
|
27
|
+
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
|
|
25
28
|
}
|
|
26
29
|
.e-dropdown-btn .e-btn-icon,
|
|
27
30
|
.e-dropdown-btn.e-btn .e-btn-icon {
|
|
@@ -53,7 +56,6 @@
|
|
|
53
56
|
line-height: 1;
|
|
54
57
|
padding: 6px 12px;
|
|
55
58
|
}
|
|
56
|
-
|
|
57
59
|
.e-bigger .e-dropdown-btn .e-btn-icon,
|
|
58
60
|
.e-bigger.e-dropdown-btn .e-btn-icon {
|
|
59
61
|
font-size: 16px;
|
|
@@ -81,8 +83,10 @@
|
|
|
81
83
|
.e-dropdown-popup ul {
|
|
82
84
|
border: 1px solid #4b5563;
|
|
83
85
|
border-radius: 4px;
|
|
84
|
-
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
|
|
85
|
-
|
|
86
|
+
-webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
|
|
87
|
+
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
|
|
88
|
+
-webkit-box-sizing: border-box;
|
|
89
|
+
box-sizing: border-box;
|
|
86
90
|
font-size: 14px;
|
|
87
91
|
font-weight: 400;
|
|
88
92
|
list-style-image: none;
|
|
@@ -93,18 +97,23 @@
|
|
|
93
97
|
overflow: hidden;
|
|
94
98
|
padding: 4px 0;
|
|
95
99
|
-webkit-user-select: none;
|
|
100
|
+
-moz-user-select: none;
|
|
96
101
|
-ms-user-select: none;
|
|
97
102
|
user-select: none;
|
|
98
103
|
white-space: nowrap;
|
|
99
104
|
}
|
|
100
105
|
.e-dropdown-popup ul .e-item {
|
|
101
106
|
cursor: pointer;
|
|
107
|
+
display: -webkit-box;
|
|
102
108
|
display: -ms-flexbox;
|
|
103
109
|
display: flex;
|
|
104
110
|
height: 30px;
|
|
105
111
|
line-height: 30px;
|
|
106
112
|
padding: 0 12px;
|
|
107
113
|
}
|
|
114
|
+
.e-dropdown-popup ul .e-item.e-separator {
|
|
115
|
+
padding: 0 !important; /* stylelint-disable-line declaration-no-important */
|
|
116
|
+
}
|
|
108
117
|
.e-dropdown-popup ul .e-item.e-url {
|
|
109
118
|
padding: 0;
|
|
110
119
|
}
|
|
@@ -137,7 +146,8 @@
|
|
|
137
146
|
}
|
|
138
147
|
.e-dropdown-popup.e-transparent {
|
|
139
148
|
background: transparent;
|
|
140
|
-
box-shadow: none;
|
|
149
|
+
-webkit-box-shadow: none;
|
|
150
|
+
box-shadow: none;
|
|
141
151
|
}
|
|
142
152
|
.e-dropdown-popup.e-transparent .e-dropdown-menu {
|
|
143
153
|
border: 0;
|
|
@@ -160,7 +170,8 @@
|
|
|
160
170
|
|
|
161
171
|
*.e-bigger .e-dropdown-popup ul,
|
|
162
172
|
*.e-bigger.e-dropdown-popup ul {
|
|
163
|
-
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
|
|
173
|
+
-webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
|
|
174
|
+
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
|
|
164
175
|
font-size: 16px;
|
|
165
176
|
max-width: 202px;
|
|
166
177
|
min-width: 112px;
|
|
@@ -189,7 +200,6 @@
|
|
|
189
200
|
line-height: normal;
|
|
190
201
|
}
|
|
191
202
|
|
|
192
|
-
/*! drop-down button theme */
|
|
193
203
|
.e-dropdown-popup {
|
|
194
204
|
background: #374151;
|
|
195
205
|
color: #fff;
|
|
@@ -202,7 +212,8 @@
|
|
|
202
212
|
}
|
|
203
213
|
.e-dropdown-popup ul .e-item.e-focused {
|
|
204
214
|
background: #4b5563;
|
|
205
|
-
box-shadow: none;
|
|
215
|
+
-webkit-box-shadow: none;
|
|
216
|
+
box-shadow: none;
|
|
206
217
|
}
|
|
207
218
|
.e-dropdown-popup ul .e-item:hover {
|
|
208
219
|
background: #4b5563;
|
|
@@ -226,7 +237,8 @@
|
|
|
226
237
|
.e-dropdown-btn.e-btn.e-inherit {
|
|
227
238
|
background: inherit;
|
|
228
239
|
border-color: transparent;
|
|
229
|
-
box-shadow: none;
|
|
240
|
+
-webkit-box-shadow: none;
|
|
241
|
+
box-shadow: none;
|
|
230
242
|
color: inherit;
|
|
231
243
|
}
|
|
232
244
|
.e-dropdown-btn.e-inherit:hover, .e-dropdown-btn.e-inherit:focus, .e-dropdown-btn.e-inherit:active, .e-dropdown-btn.e-inherit.e-active,
|
|
@@ -236,6 +248,7 @@
|
|
|
236
248
|
.e-dropdown-btn.e-btn.e-inherit.e-active {
|
|
237
249
|
background: rgba(0, 0, 0, 0.056);
|
|
238
250
|
border-color: transparent;
|
|
239
|
-
box-shadow: none;
|
|
251
|
+
-webkit-box-shadow: none;
|
|
252
|
+
box-shadow: none;
|
|
240
253
|
color: inherit;
|
|
241
254
|
}
|
|
@@ -4,24 +4,27 @@
|
|
|
4
4
|
content: "\e729";
|
|
5
5
|
}
|
|
6
6
|
|
|
7
|
-
/*! drop-down button layout */
|
|
8
7
|
.e-dropdown-btn,
|
|
9
8
|
.e-dropdown-btn.e-btn {
|
|
10
|
-
box-shadow: none;
|
|
9
|
+
-webkit-box-shadow: none;
|
|
10
|
+
box-shadow: none;
|
|
11
11
|
text-transform: none;
|
|
12
12
|
white-space: normal;
|
|
13
13
|
}
|
|
14
14
|
.e-dropdown-btn:hover,
|
|
15
15
|
.e-dropdown-btn.e-btn:hover {
|
|
16
|
-
box-shadow: none;
|
|
16
|
+
-webkit-box-shadow: none;
|
|
17
|
+
box-shadow: none;
|
|
17
18
|
}
|
|
18
19
|
.e-dropdown-btn:focus,
|
|
19
20
|
.e-dropdown-btn.e-btn:focus {
|
|
20
|
-
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
|
|
21
|
+
-webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
|
|
22
|
+
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
|
|
21
23
|
}
|
|
22
24
|
.e-dropdown-btn:active,
|
|
23
25
|
.e-dropdown-btn.e-btn:active {
|
|
24
|
-
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
|
|
26
|
+
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
|
|
27
|
+
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
|
|
25
28
|
}
|
|
26
29
|
.e-dropdown-btn .e-btn-icon,
|
|
27
30
|
.e-dropdown-btn.e-btn .e-btn-icon {
|
|
@@ -53,7 +56,6 @@
|
|
|
53
56
|
line-height: 1;
|
|
54
57
|
padding: 6px 12px;
|
|
55
58
|
}
|
|
56
|
-
|
|
57
59
|
.e-bigger .e-dropdown-btn .e-btn-icon,
|
|
58
60
|
.e-bigger.e-dropdown-btn .e-btn-icon {
|
|
59
61
|
font-size: 16px;
|
|
@@ -81,8 +83,10 @@
|
|
|
81
83
|
.e-dropdown-popup ul {
|
|
82
84
|
border: 1px solid #e5e7eb;
|
|
83
85
|
border-radius: 4px;
|
|
84
|
-
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
|
|
85
|
-
|
|
86
|
+
-webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
|
|
87
|
+
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
|
|
88
|
+
-webkit-box-sizing: border-box;
|
|
89
|
+
box-sizing: border-box;
|
|
86
90
|
font-size: 14px;
|
|
87
91
|
font-weight: 400;
|
|
88
92
|
list-style-image: none;
|
|
@@ -93,18 +97,23 @@
|
|
|
93
97
|
overflow: hidden;
|
|
94
98
|
padding: 4px 0;
|
|
95
99
|
-webkit-user-select: none;
|
|
100
|
+
-moz-user-select: none;
|
|
96
101
|
-ms-user-select: none;
|
|
97
102
|
user-select: none;
|
|
98
103
|
white-space: nowrap;
|
|
99
104
|
}
|
|
100
105
|
.e-dropdown-popup ul .e-item {
|
|
101
106
|
cursor: pointer;
|
|
107
|
+
display: -webkit-box;
|
|
102
108
|
display: -ms-flexbox;
|
|
103
109
|
display: flex;
|
|
104
110
|
height: 30px;
|
|
105
111
|
line-height: 30px;
|
|
106
112
|
padding: 0 12px;
|
|
107
113
|
}
|
|
114
|
+
.e-dropdown-popup ul .e-item.e-separator {
|
|
115
|
+
padding: 0 !important; /* stylelint-disable-line declaration-no-important */
|
|
116
|
+
}
|
|
108
117
|
.e-dropdown-popup ul .e-item.e-url {
|
|
109
118
|
padding: 0;
|
|
110
119
|
}
|
|
@@ -137,7 +146,8 @@
|
|
|
137
146
|
}
|
|
138
147
|
.e-dropdown-popup.e-transparent {
|
|
139
148
|
background: transparent;
|
|
140
|
-
box-shadow: none;
|
|
149
|
+
-webkit-box-shadow: none;
|
|
150
|
+
box-shadow: none;
|
|
141
151
|
}
|
|
142
152
|
.e-dropdown-popup.e-transparent .e-dropdown-menu {
|
|
143
153
|
border: 0;
|
|
@@ -160,7 +170,8 @@
|
|
|
160
170
|
|
|
161
171
|
*.e-bigger .e-dropdown-popup ul,
|
|
162
172
|
*.e-bigger.e-dropdown-popup ul {
|
|
163
|
-
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
|
|
173
|
+
-webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
|
|
174
|
+
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
|
|
164
175
|
font-size: 16px;
|
|
165
176
|
max-width: 202px;
|
|
166
177
|
min-width: 112px;
|
|
@@ -189,7 +200,6 @@
|
|
|
189
200
|
line-height: normal;
|
|
190
201
|
}
|
|
191
202
|
|
|
192
|
-
/*! drop-down button theme */
|
|
193
203
|
.e-dropdown-popup {
|
|
194
204
|
background: #fff;
|
|
195
205
|
color: #374151;
|
|
@@ -202,7 +212,8 @@
|
|
|
202
212
|
}
|
|
203
213
|
.e-dropdown-popup ul .e-item.e-focused {
|
|
204
214
|
background: #f3f4f6;
|
|
205
|
-
box-shadow: none;
|
|
215
|
+
-webkit-box-shadow: none;
|
|
216
|
+
box-shadow: none;
|
|
206
217
|
}
|
|
207
218
|
.e-dropdown-popup ul .e-item:hover {
|
|
208
219
|
background: #f3f4f6;
|
|
@@ -226,7 +237,8 @@
|
|
|
226
237
|
.e-dropdown-btn.e-btn.e-inherit {
|
|
227
238
|
background: inherit;
|
|
228
239
|
border-color: transparent;
|
|
229
|
-
box-shadow: none;
|
|
240
|
+
-webkit-box-shadow: none;
|
|
241
|
+
box-shadow: none;
|
|
230
242
|
color: inherit;
|
|
231
243
|
}
|
|
232
244
|
.e-dropdown-btn.e-inherit:hover, .e-dropdown-btn.e-inherit:focus, .e-dropdown-btn.e-inherit:active, .e-dropdown-btn.e-inherit.e-active,
|
|
@@ -236,6 +248,7 @@
|
|
|
236
248
|
.e-dropdown-btn.e-btn.e-inherit.e-active {
|
|
237
249
|
background: rgba(0, 0, 0, 0.056);
|
|
238
250
|
border-color: transparent;
|
|
239
|
-
box-shadow: none;
|
|
251
|
+
-webkit-box-shadow: none;
|
|
252
|
+
box-shadow: none;
|
|
240
253
|
color: inherit;
|
|
241
254
|
}
|