@syncfusion/ej2-splitbuttons 25.2.3 → 26.1.35-7502
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
package/styles/material-dark.css
CHANGED
|
@@ -3,24 +3,27 @@
|
|
|
3
3
|
content: "\e969";
|
|
4
4
|
}
|
|
5
5
|
|
|
6
|
-
/*! drop-down button layout */
|
|
7
6
|
.e-dropdown-btn,
|
|
8
7
|
.e-dropdown-btn.e-btn {
|
|
9
|
-
box-shadow: none;
|
|
8
|
+
-webkit-box-shadow: none;
|
|
9
|
+
box-shadow: none;
|
|
10
10
|
text-transform: none;
|
|
11
11
|
white-space: normal;
|
|
12
12
|
}
|
|
13
13
|
.e-dropdown-btn:hover,
|
|
14
14
|
.e-dropdown-btn.e-btn:hover {
|
|
15
|
-
box-shadow: none;
|
|
15
|
+
-webkit-box-shadow: none;
|
|
16
|
+
box-shadow: none;
|
|
16
17
|
}
|
|
17
18
|
.e-dropdown-btn:focus,
|
|
18
19
|
.e-dropdown-btn.e-btn:focus {
|
|
19
|
-
box-shadow: none;
|
|
20
|
+
-webkit-box-shadow: none;
|
|
21
|
+
box-shadow: none;
|
|
20
22
|
}
|
|
21
23
|
.e-dropdown-btn:active,
|
|
22
24
|
.e-dropdown-btn.e-btn:active {
|
|
23
|
-
box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
|
|
25
|
+
-webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
|
|
26
|
+
box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
|
|
24
27
|
}
|
|
25
28
|
.e-dropdown-btn .e-btn-icon,
|
|
26
29
|
.e-dropdown-btn.e-btn .e-btn-icon {
|
|
@@ -52,7 +55,6 @@
|
|
|
52
55
|
line-height: 1;
|
|
53
56
|
padding: 12px 12px;
|
|
54
57
|
}
|
|
55
|
-
|
|
56
58
|
.e-bigger .e-dropdown-btn .e-btn-icon,
|
|
57
59
|
.e-bigger.e-dropdown-btn .e-btn-icon {
|
|
58
60
|
font-size: 16px;
|
|
@@ -78,8 +80,10 @@
|
|
|
78
80
|
.e-dropdown-popup ul {
|
|
79
81
|
border: none;
|
|
80
82
|
border-radius: 0;
|
|
81
|
-
box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
|
|
82
|
-
|
|
83
|
+
-webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
|
|
84
|
+
box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
|
|
85
|
+
-webkit-box-sizing: border-box;
|
|
86
|
+
box-sizing: border-box;
|
|
83
87
|
font-size: 14px;
|
|
84
88
|
font-weight: normal;
|
|
85
89
|
list-style-image: none;
|
|
@@ -90,18 +94,23 @@
|
|
|
90
94
|
overflow: hidden;
|
|
91
95
|
padding: 8px 0;
|
|
92
96
|
-webkit-user-select: none;
|
|
97
|
+
-moz-user-select: none;
|
|
93
98
|
-ms-user-select: none;
|
|
94
99
|
user-select: none;
|
|
95
100
|
white-space: nowrap;
|
|
96
101
|
}
|
|
97
102
|
.e-dropdown-popup ul .e-item {
|
|
98
103
|
cursor: pointer;
|
|
104
|
+
display: -webkit-box;
|
|
99
105
|
display: -ms-flexbox;
|
|
100
106
|
display: flex;
|
|
101
107
|
height: 36px;
|
|
102
108
|
line-height: 36px;
|
|
103
109
|
padding: 0 16px;
|
|
104
110
|
}
|
|
111
|
+
.e-dropdown-popup ul .e-item.e-separator {
|
|
112
|
+
padding: 0 !important; /* stylelint-disable-line declaration-no-important */
|
|
113
|
+
}
|
|
105
114
|
.e-dropdown-popup ul .e-item.e-url {
|
|
106
115
|
padding: 0;
|
|
107
116
|
}
|
|
@@ -134,7 +143,8 @@
|
|
|
134
143
|
}
|
|
135
144
|
.e-dropdown-popup.e-transparent {
|
|
136
145
|
background: transparent;
|
|
137
|
-
box-shadow: none;
|
|
146
|
+
-webkit-box-shadow: none;
|
|
147
|
+
box-shadow: none;
|
|
138
148
|
}
|
|
139
149
|
.e-dropdown-popup.e-transparent .e-dropdown-menu {
|
|
140
150
|
border: 0;
|
|
@@ -152,7 +162,8 @@
|
|
|
152
162
|
|
|
153
163
|
*.e-bigger .e-dropdown-popup ul,
|
|
154
164
|
*.e-bigger.e-dropdown-popup ul {
|
|
155
|
-
box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
|
|
165
|
+
-webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
|
|
166
|
+
box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
|
|
156
167
|
font-size: 15px;
|
|
157
168
|
max-width: 280px;
|
|
158
169
|
min-width: 112px;
|
|
@@ -179,7 +190,6 @@
|
|
|
179
190
|
line-height: normal;
|
|
180
191
|
}
|
|
181
192
|
|
|
182
|
-
/*! drop-down button theme */
|
|
183
193
|
.e-dropdown-popup {
|
|
184
194
|
background: #424242;
|
|
185
195
|
color: #fff;
|
|
@@ -192,7 +202,8 @@
|
|
|
192
202
|
}
|
|
193
203
|
.e-dropdown-popup ul .e-item.e-focused {
|
|
194
204
|
background: rgba(255, 255, 255, 0.1);
|
|
195
|
-
box-shadow: none;
|
|
205
|
+
-webkit-box-shadow: none;
|
|
206
|
+
box-shadow: none;
|
|
196
207
|
}
|
|
197
208
|
.e-dropdown-popup ul .e-item:hover {
|
|
198
209
|
background: rgba(255, 255, 255, 0.1);
|
|
@@ -216,7 +227,8 @@
|
|
|
216
227
|
.e-dropdown-btn.e-btn.e-inherit {
|
|
217
228
|
background: inherit;
|
|
218
229
|
border-color: transparent;
|
|
219
|
-
box-shadow: none;
|
|
230
|
+
-webkit-box-shadow: none;
|
|
231
|
+
box-shadow: none;
|
|
220
232
|
color: inherit;
|
|
221
233
|
}
|
|
222
234
|
.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,
|
|
@@ -226,15 +238,18 @@
|
|
|
226
238
|
.e-dropdown-btn.e-btn.e-inherit.e-active {
|
|
227
239
|
background: rgba(0, 0, 0, 0.056);
|
|
228
240
|
border-color: transparent;
|
|
229
|
-
box-shadow: none;
|
|
241
|
+
-webkit-box-shadow: none;
|
|
242
|
+
box-shadow: none;
|
|
230
243
|
color: inherit;
|
|
231
244
|
}
|
|
232
245
|
|
|
233
|
-
/*! splitbutton layout */
|
|
234
246
|
.e-split-btn-wrapper {
|
|
247
|
+
display: -webkit-inline-box;
|
|
235
248
|
display: -ms-inline-flexbox;
|
|
236
249
|
display: inline-flex;
|
|
237
250
|
white-space: nowrap;
|
|
251
|
+
width: -webkit-min-content;
|
|
252
|
+
width: -moz-min-content;
|
|
238
253
|
width: min-content;
|
|
239
254
|
}
|
|
240
255
|
.e-split-btn-wrapper .e-split-btn {
|
|
@@ -249,13 +264,16 @@
|
|
|
249
264
|
outline-offset: 0;
|
|
250
265
|
}
|
|
251
266
|
.e-split-btn-wrapper .e-split-btn:hover {
|
|
252
|
-
box-shadow: none;
|
|
267
|
+
-webkit-box-shadow: none;
|
|
268
|
+
box-shadow: none;
|
|
253
269
|
}
|
|
254
270
|
.e-split-btn-wrapper .e-split-btn:focus {
|
|
255
|
-
box-shadow: none;
|
|
271
|
+
-webkit-box-shadow: none;
|
|
272
|
+
box-shadow: none;
|
|
256
273
|
}
|
|
257
274
|
.e-split-btn-wrapper .e-split-btn:active {
|
|
258
|
-
box-shadow: none;
|
|
275
|
+
-webkit-box-shadow: none;
|
|
276
|
+
box-shadow: none;
|
|
259
277
|
z-index: 0;
|
|
260
278
|
}
|
|
261
279
|
.e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
|
|
@@ -287,10 +305,12 @@
|
|
|
287
305
|
padding-right: 4px;
|
|
288
306
|
}
|
|
289
307
|
.e-split-btn-wrapper .e-dropdown-btn:focus, .e-split-btn-wrapper .e-dropdown-btn:hover {
|
|
290
|
-
box-shadow: none;
|
|
308
|
+
-webkit-box-shadow: none;
|
|
309
|
+
box-shadow: none;
|
|
291
310
|
}
|
|
292
311
|
.e-split-btn-wrapper .e-dropdown-btn:active {
|
|
293
|
-
box-shadow: none;
|
|
312
|
+
-webkit-box-shadow: none;
|
|
313
|
+
box-shadow: none;
|
|
294
314
|
z-index: 0;
|
|
295
315
|
}
|
|
296
316
|
.e-split-btn-wrapper .e-dropdown-btn:disabled:focus, .e-split-btn-wrapper .e-dropdown-btn:disabled:hover, .e-split-btn-wrapper .e-dropdown-btn:disabled:active {
|
|
@@ -300,22 +320,28 @@
|
|
|
300
320
|
outline-offset: 0;
|
|
301
321
|
}
|
|
302
322
|
.e-split-btn-wrapper .e-btn {
|
|
303
|
-
box-shadow: none;
|
|
323
|
+
-webkit-box-shadow: none;
|
|
324
|
+
box-shadow: none;
|
|
304
325
|
}
|
|
305
326
|
.e-split-btn-wrapper .e-btn:hover {
|
|
306
|
-
box-shadow: none;
|
|
327
|
+
-webkit-box-shadow: none;
|
|
328
|
+
box-shadow: none;
|
|
307
329
|
}
|
|
308
330
|
.e-split-btn-wrapper .e-btn:focus {
|
|
309
|
-
box-shadow: none;
|
|
331
|
+
-webkit-box-shadow: none;
|
|
332
|
+
box-shadow: none;
|
|
310
333
|
}
|
|
311
334
|
.e-split-btn-wrapper .e-btn:active {
|
|
312
|
-
box-shadow: none;
|
|
335
|
+
-webkit-box-shadow: none;
|
|
336
|
+
box-shadow: none;
|
|
313
337
|
}
|
|
314
338
|
.e-split-btn-wrapper .e-btn:disabled {
|
|
315
|
-
box-shadow: none;
|
|
339
|
+
-webkit-box-shadow: none;
|
|
340
|
+
box-shadow: none;
|
|
316
341
|
}
|
|
317
342
|
.e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
|
|
318
|
-
box-shadow: none;
|
|
343
|
+
-webkit-box-shadow: none;
|
|
344
|
+
box-shadow: none;
|
|
319
345
|
}
|
|
320
346
|
.e-split-btn-wrapper.e-rtl .e-split-btn {
|
|
321
347
|
border-bottom-left-radius: 0;
|
|
@@ -462,7 +488,6 @@
|
|
|
462
488
|
padding-top: 0;
|
|
463
489
|
}
|
|
464
490
|
|
|
465
|
-
/*! splitbutton theme */
|
|
466
491
|
.e-split-btn-wrapper .e-split-btn {
|
|
467
492
|
border-right-color: transparent;
|
|
468
493
|
}
|
|
@@ -564,11 +589,14 @@
|
|
|
564
589
|
/* stylelint-disable */
|
|
565
590
|
*.e-btn-group,
|
|
566
591
|
*.e-css.e-btn-group {
|
|
592
|
+
display: -webkit-inline-box;
|
|
567
593
|
display: -ms-inline-flexbox;
|
|
568
594
|
display: inline-flex;
|
|
569
595
|
border-radius: 2px;
|
|
570
|
-
-
|
|
571
|
-
|
|
596
|
+
-webkit-box-orient: horizontal;
|
|
597
|
+
-webkit-box-direction: normal;
|
|
598
|
+
-ms-flex-direction: row;
|
|
599
|
+
flex-direction: row;
|
|
572
600
|
position: relative;
|
|
573
601
|
}
|
|
574
602
|
*.e-btn-group input + label.e-btn,
|
|
@@ -603,8 +631,9 @@
|
|
|
603
631
|
*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:not(:first-of-type):not(:last-of-type) {
|
|
604
632
|
border-radius: 0;
|
|
605
633
|
}
|
|
606
|
-
*.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
|
|
607
|
-
*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type
|
|
634
|
+
*.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type, *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child),
|
|
635
|
+
*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
|
|
636
|
+
*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
|
|
608
637
|
border-bottom-right-radius: 0;
|
|
609
638
|
border-top-right-radius: 0;
|
|
610
639
|
}
|
|
@@ -613,11 +642,6 @@
|
|
|
613
642
|
border-bottom-left-radius: 0;
|
|
614
643
|
border-top-left-radius: 0;
|
|
615
644
|
}
|
|
616
|
-
*.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child),
|
|
617
|
-
*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
|
|
618
|
-
border-bottom-right-radius: 0;
|
|
619
|
-
border-top-right-radius: 0;
|
|
620
|
-
}
|
|
621
645
|
*.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn,
|
|
622
646
|
*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn {
|
|
623
647
|
border-bottom-left-radius: 0;
|
|
@@ -651,8 +675,9 @@
|
|
|
651
675
|
*.e-css.e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type) {
|
|
652
676
|
border-radius: 0;
|
|
653
677
|
}
|
|
654
|
-
*.e-btn-group.e-rtl .e-btn:first-of-type,
|
|
655
|
-
*.e-css.e-btn-group.e-rtl .e-btn:first-of-type
|
|
678
|
+
*.e-btn-group.e-rtl .e-btn:first-of-type, *.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
|
|
679
|
+
*.e-css.e-btn-group.e-rtl .e-btn:first-of-type,
|
|
680
|
+
*.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
|
|
656
681
|
border-bottom-left-radius: 0;
|
|
657
682
|
border-top-left-radius: 0;
|
|
658
683
|
}
|
|
@@ -661,11 +686,6 @@
|
|
|
661
686
|
border-bottom-right-radius: 0;
|
|
662
687
|
border-top-right-radius: 0;
|
|
663
688
|
}
|
|
664
|
-
*.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
|
|
665
|
-
*.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
|
|
666
|
-
border-bottom-left-radius: 0;
|
|
667
|
-
border-top-left-radius: 0;
|
|
668
|
-
}
|
|
669
689
|
*.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn,
|
|
670
690
|
*.e-css.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn {
|
|
671
691
|
border-bottom-right-radius: 0;
|
|
@@ -693,8 +713,10 @@
|
|
|
693
713
|
}
|
|
694
714
|
*.e-btn-group.e-vertical,
|
|
695
715
|
*.e-css.e-btn-group.e-vertical {
|
|
696
|
-
-
|
|
697
|
-
|
|
716
|
+
-webkit-box-orient: vertical;
|
|
717
|
+
-webkit-box-direction: normal;
|
|
718
|
+
-ms-flex-direction: column;
|
|
719
|
+
flex-direction: column;
|
|
698
720
|
}
|
|
699
721
|
*.e-btn-group.e-vertical input,
|
|
700
722
|
*.e-css.e-btn-group.e-vertical input {
|
|
@@ -801,129 +823,177 @@
|
|
|
801
823
|
/* stylelint-disable */
|
|
802
824
|
.e-btn-group:not(.e-outline),
|
|
803
825
|
.e-css.e-btn-group:not(.e-outline) {
|
|
804
|
-
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
|
|
826
|
+
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
|
|
827
|
+
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
|
|
805
828
|
}
|
|
806
829
|
.e-btn-group .e-btn:hover,
|
|
807
830
|
.e-css.e-btn-group .e-btn:hover {
|
|
808
|
-
box-shadow: none;
|
|
831
|
+
-webkit-box-shadow: none;
|
|
832
|
+
box-shadow: none;
|
|
809
833
|
}
|
|
810
834
|
.e-btn-group .e-btn:focus,
|
|
811
835
|
.e-btn-group input:focus-visible + label.e-btn,
|
|
836
|
+
.e-btn-group input:focus + label.e-btn,
|
|
812
837
|
.e-css.e-btn-group .e-btn:focus,
|
|
813
|
-
.e-css.e-btn-group input:focus-visible + label.e-btn
|
|
838
|
+
.e-css.e-btn-group input:focus-visible + label.e-btn,
|
|
839
|
+
.e-css.e-btn-group input:focus + label.e-btn {
|
|
814
840
|
background: #878787;
|
|
815
841
|
border-color: transparent;
|
|
816
842
|
color: #fff;
|
|
817
843
|
outline: #616161 0 solid;
|
|
818
844
|
outline-offset: 0;
|
|
819
|
-
box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
|
|
820
|
-
|
|
845
|
+
-webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
|
|
846
|
+
box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
|
|
847
|
+
-webkit-box-shadow: none;
|
|
848
|
+
box-shadow: none;
|
|
821
849
|
outline-color: inherit;
|
|
822
850
|
}
|
|
823
851
|
.e-btn-group .e-btn:focus.e-primary,
|
|
824
852
|
.e-btn-group input:focus-visible + label.e-btn.e-primary,
|
|
853
|
+
.e-btn-group input:focus + label.e-btn.e-primary,
|
|
825
854
|
.e-css.e-btn-group .e-btn:focus.e-primary,
|
|
826
|
-
.e-css.e-btn-group input:focus-visible + label.e-btn.e-primary
|
|
855
|
+
.e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
|
|
856
|
+
.e-css.e-btn-group input:focus + label.e-btn.e-primary {
|
|
827
857
|
background: #0086c2;
|
|
828
858
|
border-color: transparent;
|
|
829
859
|
color: #000;
|
|
830
860
|
outline: #616161 0 solid;
|
|
831
|
-
box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
|
|
832
|
-
|
|
861
|
+
-webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
|
|
862
|
+
box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
|
|
863
|
+
-webkit-box-shadow: none;
|
|
864
|
+
box-shadow: none;
|
|
833
865
|
outline-color: inherit;
|
|
834
866
|
}
|
|
835
867
|
.e-btn-group .e-btn:focus.e-success,
|
|
836
868
|
.e-btn-group input:focus-visible + label.e-btn.e-success,
|
|
869
|
+
.e-btn-group input:focus + label.e-btn.e-success,
|
|
837
870
|
.e-css.e-btn-group .e-btn:focus.e-success,
|
|
838
|
-
.e-css.e-btn-group input:focus-visible + label.e-btn.e-success
|
|
871
|
+
.e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
|
|
872
|
+
.e-css.e-btn-group input:focus + label.e-btn.e-success {
|
|
839
873
|
background: #77c27a;
|
|
840
874
|
border-color: transparent;
|
|
841
875
|
color: #fff;
|
|
842
|
-
box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
|
|
843
|
-
|
|
876
|
+
-webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
|
|
877
|
+
box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
|
|
878
|
+
-webkit-box-shadow: none;
|
|
879
|
+
box-shadow: none;
|
|
844
880
|
outline-color: inherit;
|
|
845
881
|
}
|
|
846
882
|
.e-btn-group .e-btn:focus.e-info,
|
|
847
883
|
.e-btn-group input:focus-visible + label.e-btn.e-info,
|
|
884
|
+
.e-btn-group input:focus + label.e-btn.e-info,
|
|
848
885
|
.e-css.e-btn-group .e-btn:focus.e-info,
|
|
849
|
-
.e-css.e-btn-group input:focus-visible + label.e-btn.e-info
|
|
886
|
+
.e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
|
|
887
|
+
.e-css.e-btn-group input:focus + label.e-btn.e-info {
|
|
850
888
|
background: #3fbef7;
|
|
851
889
|
border-color: transparent;
|
|
852
890
|
color: #fff;
|
|
853
|
-
box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
|
|
854
|
-
|
|
891
|
+
-webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
|
|
892
|
+
box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
|
|
893
|
+
-webkit-box-shadow: none;
|
|
894
|
+
box-shadow: none;
|
|
855
895
|
outline-color: inherit;
|
|
856
896
|
}
|
|
857
897
|
.e-btn-group .e-btn:focus.e-warning,
|
|
858
898
|
.e-btn-group input:focus-visible + label.e-btn.e-warning,
|
|
899
|
+
.e-btn-group input:focus + label.e-btn.e-warning,
|
|
859
900
|
.e-css.e-btn-group .e-btn:focus.e-warning,
|
|
860
|
-
.e-css.e-btn-group input:focus-visible + label.e-btn.e-warning
|
|
901
|
+
.e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
|
|
902
|
+
.e-css.e-btn-group input:focus + label.e-btn.e-warning {
|
|
861
903
|
background: #ffb13d;
|
|
862
904
|
border-color: transparent;
|
|
863
905
|
color: #fff;
|
|
864
|
-
box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
|
|
865
|
-
|
|
906
|
+
-webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
|
|
907
|
+
box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
|
|
908
|
+
-webkit-box-shadow: none;
|
|
909
|
+
box-shadow: none;
|
|
866
910
|
outline-color: inherit;
|
|
867
911
|
}
|
|
868
912
|
.e-btn-group .e-btn:focus.e-danger,
|
|
869
913
|
.e-btn-group input:focus-visible + label.e-btn.e-danger,
|
|
914
|
+
.e-btn-group input:focus + label.e-btn.e-danger,
|
|
870
915
|
.e-css.e-btn-group .e-btn:focus.e-danger,
|
|
871
|
-
.e-css.e-btn-group input:focus-visible + label.e-btn.e-danger
|
|
916
|
+
.e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
|
|
917
|
+
.e-css.e-btn-group input:focus + label.e-btn.e-danger {
|
|
872
918
|
background: #ff8b7c;
|
|
873
919
|
border-color: transparent;
|
|
874
920
|
color: #fff;
|
|
875
|
-
box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
|
|
876
|
-
|
|
921
|
+
-webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
|
|
922
|
+
box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
|
|
923
|
+
-webkit-box-shadow: none;
|
|
924
|
+
box-shadow: none;
|
|
877
925
|
outline-color: inherit;
|
|
878
926
|
}
|
|
879
927
|
.e-btn-group .e-btn:focus.e-link,
|
|
880
928
|
.e-btn-group input:focus-visible + label.e-btn.e-link,
|
|
929
|
+
.e-btn-group input:focus + label.e-btn.e-link,
|
|
881
930
|
.e-css.e-btn-group .e-btn:focus.e-link,
|
|
882
|
-
.e-css.e-btn-group input:focus-visible + label.e-btn.e-link
|
|
931
|
+
.e-css.e-btn-group input:focus-visible + label.e-btn.e-link,
|
|
932
|
+
.e-css.e-btn-group input:focus + label.e-btn.e-link {
|
|
883
933
|
border-radius: 0;
|
|
884
934
|
text-decoration: underline;
|
|
885
935
|
color: #20b0e9;
|
|
886
936
|
background-color: transparent;
|
|
887
937
|
border-color: transparent;
|
|
888
|
-
box-shadow: none;
|
|
938
|
+
-webkit-box-shadow: none;
|
|
939
|
+
box-shadow: none;
|
|
889
940
|
outline: none;
|
|
890
941
|
}
|
|
891
942
|
.e-btn-group .e-btn:focus.e-outline,
|
|
892
943
|
.e-btn-group input:focus-visible + label.e-btn.e-outline,
|
|
944
|
+
.e-btn-group input:focus + label.e-btn.e-outline,
|
|
893
945
|
.e-css.e-btn-group .e-btn:focus.e-outline,
|
|
894
|
-
.e-css.e-btn-group input:focus-visible + label.e-btn.e-outline
|
|
895
|
-
|
|
896
|
-
box-shadow:
|
|
946
|
+
.e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
|
|
947
|
+
.e-css.e-btn-group input:focus + label.e-btn.e-outline {
|
|
948
|
+
-webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
|
|
949
|
+
box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.26);
|
|
950
|
+
-webkit-box-shadow: none;
|
|
951
|
+
box-shadow: none;
|
|
897
952
|
}
|
|
898
953
|
.e-btn-group .e-btn:focus.e-outline.e-primary,
|
|
899
954
|
.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
|
|
955
|
+
.e-btn-group input:focus + label.e-btn.e-outline.e-primary,
|
|
900
956
|
.e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
|
|
901
|
-
.e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary
|
|
902
|
-
|
|
957
|
+
.e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
|
|
958
|
+
.e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
|
|
959
|
+
-webkit-box-shadow: none;
|
|
960
|
+
box-shadow: none;
|
|
903
961
|
}
|
|
904
962
|
.e-btn-group .e-btn:focus.e-outline.e-success,
|
|
905
963
|
.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
|
|
964
|
+
.e-btn-group input:focus + label.e-btn.e-outline.e-success,
|
|
906
965
|
.e-css.e-btn-group .e-btn:focus.e-outline.e-success,
|
|
907
|
-
.e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success
|
|
908
|
-
|
|
966
|
+
.e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
|
|
967
|
+
.e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
|
|
968
|
+
-webkit-box-shadow: none;
|
|
969
|
+
box-shadow: none;
|
|
909
970
|
}
|
|
910
971
|
.e-btn-group .e-btn:focus.e-outline.e-info,
|
|
911
972
|
.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
|
|
973
|
+
.e-btn-group input:focus + label.e-btn.e-outline.e-info,
|
|
912
974
|
.e-css.e-btn-group .e-btn:focus.e-outline.e-info,
|
|
913
|
-
.e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info
|
|
914
|
-
|
|
975
|
+
.e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
|
|
976
|
+
.e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
|
|
977
|
+
-webkit-box-shadow: none;
|
|
978
|
+
box-shadow: none;
|
|
915
979
|
}
|
|
916
980
|
.e-btn-group .e-btn:focus.e-outline.e-warning,
|
|
917
981
|
.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
|
|
982
|
+
.e-btn-group input:focus + label.e-btn.e-outline.e-warning,
|
|
918
983
|
.e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
|
|
919
|
-
.e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning
|
|
920
|
-
|
|
984
|
+
.e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
|
|
985
|
+
.e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
|
|
986
|
+
-webkit-box-shadow: none;
|
|
987
|
+
box-shadow: none;
|
|
921
988
|
}
|
|
922
989
|
.e-btn-group .e-btn:focus.e-outline.e-danger,
|
|
923
990
|
.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
|
|
991
|
+
.e-btn-group input:focus + label.e-btn.e-outline.e-danger,
|
|
924
992
|
.e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
|
|
925
|
-
.e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger
|
|
926
|
-
|
|
993
|
+
.e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
|
|
994
|
+
.e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
|
|
995
|
+
-webkit-box-shadow: none;
|
|
996
|
+
box-shadow: none;
|
|
927
997
|
}
|
|
928
998
|
.e-btn-group .e-btn:active,
|
|
929
999
|
.e-btn-group input:active + label.e-btn,
|
|
@@ -947,7 +1017,8 @@
|
|
|
947
1017
|
border-color: transparent;
|
|
948
1018
|
color: #000;
|
|
949
1019
|
outline: #616161 0 solid;
|
|
950
|
-
box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
|
|
1020
|
+
-webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
|
|
1021
|
+
box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
|
|
951
1022
|
}
|
|
952
1023
|
.e-btn-group .e-btn:active.e-success,
|
|
953
1024
|
.e-btn-group input:active + label.e-btn.e-success,
|
|
@@ -958,7 +1029,8 @@
|
|
|
958
1029
|
background: #85c988;
|
|
959
1030
|
border-color: transparent;
|
|
960
1031
|
color: #fff;
|
|
961
|
-
box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
|
|
1032
|
+
-webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
|
|
1033
|
+
box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
|
|
962
1034
|
}
|
|
963
1035
|
.e-btn-group .e-btn:active.e-info,
|
|
964
1036
|
.e-btn-group input:active + label.e-btn.e-info,
|
|
@@ -969,7 +1041,8 @@
|
|
|
969
1041
|
background: #54c5f8;
|
|
970
1042
|
color: #fff;
|
|
971
1043
|
border-color: transparent;
|
|
972
|
-
box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
|
|
1044
|
+
-webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
|
|
1045
|
+
box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
|
|
973
1046
|
}
|
|
974
1047
|
.e-btn-group .e-btn:active.e-warning,
|
|
975
1048
|
.e-btn-group input:active + label.e-btn.e-warning,
|
|
@@ -980,7 +1053,8 @@
|
|
|
980
1053
|
background: #ffb952;
|
|
981
1054
|
border-color: transparent;
|
|
982
1055
|
color: #fff;
|
|
983
|
-
box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
|
|
1056
|
+
-webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
|
|
1057
|
+
box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
|
|
984
1058
|
}
|
|
985
1059
|
.e-btn-group .e-btn:active.e-danger,
|
|
986
1060
|
.e-btn-group input:active + label.e-btn.e-danger,
|
|
@@ -991,7 +1065,8 @@
|
|
|
991
1065
|
background: #ff9789;
|
|
992
1066
|
border-color: transparent;
|
|
993
1067
|
color: #fff;
|
|
994
|
-
box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
|
|
1068
|
+
-webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
|
|
1069
|
+
box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
|
|
995
1070
|
}
|
|
996
1071
|
.e-btn-group .e-btn:active.e-outline,
|
|
997
1072
|
.e-btn-group input:active + label.e-btn.e-outline,
|
|
@@ -1001,7 +1076,8 @@
|
|
|
1001
1076
|
.e-css.e-btn-group input:checked + label.e-btn.e-outline {
|
|
1002
1077
|
background: rgba(255, 255, 255, 0.24);
|
|
1003
1078
|
border-color: #616161;
|
|
1004
|
-
box-shadow: none;
|
|
1079
|
+
-webkit-box-shadow: none;
|
|
1080
|
+
box-shadow: none;
|
|
1005
1081
|
color: #fff;
|
|
1006
1082
|
}
|
|
1007
1083
|
.e-btn-group .e-btn:active.e-outline.e-primary,
|
|
@@ -1012,7 +1088,8 @@
|
|
|
1012
1088
|
.e-css.e-btn-group input:checked + label.e-btn.e-outline.e-primary {
|
|
1013
1089
|
background: #0078ad;
|
|
1014
1090
|
border-color: transparent;
|
|
1015
|
-
box-shadow: none;
|
|
1091
|
+
-webkit-box-shadow: none;
|
|
1092
|
+
box-shadow: none;
|
|
1016
1093
|
color: #000;
|
|
1017
1094
|
}
|
|
1018
1095
|
.e-btn-group .e-btn:active.e-outline.e-success,
|
|
@@ -1023,7 +1100,8 @@
|
|
|
1023
1100
|
.e-css.e-btn-group input:checked + label.e-btn.e-outline.e-success {
|
|
1024
1101
|
background: #85c988;
|
|
1025
1102
|
border-color: transparent;
|
|
1026
|
-
box-shadow: none;
|
|
1103
|
+
-webkit-box-shadow: none;
|
|
1104
|
+
box-shadow: none;
|
|
1027
1105
|
color: #fff;
|
|
1028
1106
|
}
|
|
1029
1107
|
.e-btn-group .e-btn:active.e-outline.e-info,
|
|
@@ -1034,7 +1112,8 @@
|
|
|
1034
1112
|
.e-css.e-btn-group input:checked + label.e-btn.e-outline.e-info {
|
|
1035
1113
|
background: #54c5f8;
|
|
1036
1114
|
border-color: transparent;
|
|
1037
|
-
box-shadow: none;
|
|
1115
|
+
-webkit-box-shadow: none;
|
|
1116
|
+
box-shadow: none;
|
|
1038
1117
|
color: #fff;
|
|
1039
1118
|
}
|
|
1040
1119
|
.e-btn-group .e-btn:active.e-outline.e-warning,
|
|
@@ -1045,7 +1124,8 @@
|
|
|
1045
1124
|
.e-css.e-btn-group input:checked + label.e-btn.e-outline.e-warning {
|
|
1046
1125
|
background: #ffb952;
|
|
1047
1126
|
border-color: transparent;
|
|
1048
|
-
box-shadow: none;
|
|
1127
|
+
-webkit-box-shadow: none;
|
|
1128
|
+
box-shadow: none;
|
|
1049
1129
|
color: #fff;
|
|
1050
1130
|
}
|
|
1051
1131
|
.e-btn-group .e-btn:active.e-outline.e-danger,
|
|
@@ -1056,7 +1136,8 @@
|
|
|
1056
1136
|
.e-css.e-btn-group input:checked + label.e-btn.e-outline.e-danger {
|
|
1057
1137
|
background: #ff9789;
|
|
1058
1138
|
border-color: transparent;
|
|
1059
|
-
box-shadow: none;
|
|
1139
|
+
-webkit-box-shadow: none;
|
|
1140
|
+
box-shadow: none;
|
|
1060
1141
|
color: #fff;
|
|
1061
1142
|
}
|
|
1062
1143
|
.e-btn-group .e-btn:disabled,
|
|
@@ -1065,7 +1146,8 @@
|
|
|
1065
1146
|
.e-css.e-btn-group input:disabled + label.e-btn {
|
|
1066
1147
|
background-color: rgba(255, 255, 255, 0.1);
|
|
1067
1148
|
border-color: transparent;
|
|
1068
|
-
box-shadow: none;
|
|
1149
|
+
-webkit-box-shadow: none;
|
|
1150
|
+
box-shadow: none;
|
|
1069
1151
|
color: rgba(255, 255, 255, 0.3);
|
|
1070
1152
|
border-color: transparent;
|
|
1071
1153
|
}
|
|
@@ -1075,7 +1157,8 @@
|
|
|
1075
1157
|
.e-css.e-btn-group input:disabled + label.e-btn.e-primary {
|
|
1076
1158
|
background: rgba(255, 255, 255, 0.1);
|
|
1077
1159
|
border-color: transparent;
|
|
1078
|
-
box-shadow: none;
|
|
1160
|
+
-webkit-box-shadow: none;
|
|
1161
|
+
box-shadow: none;
|
|
1079
1162
|
color: rgba(255, 255, 255, 0.3);
|
|
1080
1163
|
border-color: transparent;
|
|
1081
1164
|
}
|
|
@@ -1085,7 +1168,8 @@
|
|
|
1085
1168
|
.e-css.e-btn-group input:disabled + label.e-btn.e-success {
|
|
1086
1169
|
background: rgba(255, 255, 255, 0.1);
|
|
1087
1170
|
border-color: transparent;
|
|
1088
|
-
box-shadow: none;
|
|
1171
|
+
-webkit-box-shadow: none;
|
|
1172
|
+
box-shadow: none;
|
|
1089
1173
|
color: rgba(255, 255, 255, 0.3);
|
|
1090
1174
|
border-color: transparent;
|
|
1091
1175
|
}
|
|
@@ -1095,7 +1179,8 @@
|
|
|
1095
1179
|
.e-css.e-btn-group input:disabled + label.e-btn.e-info {
|
|
1096
1180
|
background: rgba(255, 255, 255, 0.1);
|
|
1097
1181
|
border-color: transparent;
|
|
1098
|
-
box-shadow: none;
|
|
1182
|
+
-webkit-box-shadow: none;
|
|
1183
|
+
box-shadow: none;
|
|
1099
1184
|
color: rgba(255, 255, 255, 0.3);
|
|
1100
1185
|
border-color: transparent;
|
|
1101
1186
|
}
|
|
@@ -1105,7 +1190,8 @@
|
|
|
1105
1190
|
.e-css.e-btn-group input:disabled + label.e-btn.e-warning {
|
|
1106
1191
|
background: rgba(255, 255, 255, 0.1);
|
|
1107
1192
|
border-color: transparent;
|
|
1108
|
-
box-shadow: none;
|
|
1193
|
+
-webkit-box-shadow: none;
|
|
1194
|
+
box-shadow: none;
|
|
1109
1195
|
color: rgba(255, 255, 255, 0.3);
|
|
1110
1196
|
border-color: transparent;
|
|
1111
1197
|
}
|
|
@@ -1115,7 +1201,8 @@
|
|
|
1115
1201
|
.e-css.e-btn-group input:disabled + label.e-btn.e-danger {
|
|
1116
1202
|
background: rgba(255, 255, 255, 0.1);
|
|
1117
1203
|
border-color: transparent;
|
|
1118
|
-
box-shadow: none;
|
|
1204
|
+
-webkit-box-shadow: none;
|
|
1205
|
+
box-shadow: none;
|
|
1119
1206
|
color: rgba(255, 255, 255, 0.3);
|
|
1120
1207
|
border-color: transparent;
|
|
1121
1208
|
}
|
|
@@ -1125,7 +1212,8 @@
|
|
|
1125
1212
|
.e-css.e-btn-group input:disabled + label.e-btn.e-link {
|
|
1126
1213
|
color: rgba(255, 255, 255, 0.3);
|
|
1127
1214
|
background: transparent;
|
|
1128
|
-
box-shadow: none;
|
|
1215
|
+
-webkit-box-shadow: none;
|
|
1216
|
+
box-shadow: none;
|
|
1129
1217
|
text-decoration: none;
|
|
1130
1218
|
border-color: transparent;
|
|
1131
1219
|
}
|
|
@@ -1135,7 +1223,8 @@
|
|
|
1135
1223
|
.e-css.e-btn-group input:disabled + label.e-btn.e-outline {
|
|
1136
1224
|
background: transparent;
|
|
1137
1225
|
border-color: rgba(97, 97, 97, 0.3);
|
|
1138
|
-
box-shadow: none;
|
|
1226
|
+
-webkit-box-shadow: none;
|
|
1227
|
+
box-shadow: none;
|
|
1139
1228
|
color: rgba(255, 255, 255, 0.3);
|
|
1140
1229
|
border-color: #616161;
|
|
1141
1230
|
}
|
|
@@ -1145,7 +1234,8 @@
|
|
|
1145
1234
|
.e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-primary {
|
|
1146
1235
|
background: transparent;
|
|
1147
1236
|
border-color: rgba(97, 97, 97, 0.3);
|
|
1148
|
-
box-shadow: none;
|
|
1237
|
+
-webkit-box-shadow: none;
|
|
1238
|
+
box-shadow: none;
|
|
1149
1239
|
color: rgba(255, 255, 255, 0.3);
|
|
1150
1240
|
border-color: #00b0ff;
|
|
1151
1241
|
}
|
|
@@ -1155,7 +1245,8 @@
|
|
|
1155
1245
|
.e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-success {
|
|
1156
1246
|
background: transparent;
|
|
1157
1247
|
border-color: rgba(97, 97, 97, 0.3);
|
|
1158
|
-
box-shadow: none;
|
|
1248
|
+
-webkit-box-shadow: none;
|
|
1249
|
+
box-shadow: none;
|
|
1159
1250
|
color: rgba(255, 255, 255, 0.3);
|
|
1160
1251
|
border-color: #4caf50;
|
|
1161
1252
|
}
|
|
@@ -1165,7 +1256,8 @@
|
|
|
1165
1256
|
.e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-info {
|
|
1166
1257
|
background: transparent;
|
|
1167
1258
|
border-color: rgba(97, 97, 97, 0.3);
|
|
1168
|
-
box-shadow: none;
|
|
1259
|
+
-webkit-box-shadow: none;
|
|
1260
|
+
box-shadow: none;
|
|
1169
1261
|
color: rgba(255, 255, 255, 0.3);
|
|
1170
1262
|
border-color: #03a9f4;
|
|
1171
1263
|
}
|
|
@@ -1175,7 +1267,8 @@
|
|
|
1175
1267
|
.e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-warning {
|
|
1176
1268
|
background: transparent;
|
|
1177
1269
|
border-color: rgba(97, 97, 97, 0.3);
|
|
1178
|
-
box-shadow: none;
|
|
1270
|
+
-webkit-box-shadow: none;
|
|
1271
|
+
box-shadow: none;
|
|
1179
1272
|
color: rgba(255, 255, 255, 0.3);
|
|
1180
1273
|
border-color: #ff9800;
|
|
1181
1274
|
}
|
|
@@ -1185,7 +1278,8 @@
|
|
|
1185
1278
|
.e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-danger {
|
|
1186
1279
|
background: transparent;
|
|
1187
1280
|
border-color: rgba(97, 97, 97, 0.3);
|
|
1188
|
-
box-shadow: none;
|
|
1281
|
+
-webkit-box-shadow: none;
|
|
1282
|
+
box-shadow: none;
|
|
1189
1283
|
color: rgba(255, 255, 255, 0.3);
|
|
1190
1284
|
border-color: #ff6652;
|
|
1191
1285
|
}
|
|
@@ -1314,23 +1408,46 @@
|
|
|
1314
1408
|
}
|
|
1315
1409
|
|
|
1316
1410
|
/* stylelint-disable property-no-vendor-prefix */
|
|
1411
|
+
@-webkit-keyframes material-spinner-rotate {
|
|
1412
|
+
0% {
|
|
1413
|
+
-webkit-transform: rotate(0deg);
|
|
1414
|
+
transform: rotate(0deg);
|
|
1415
|
+
}
|
|
1416
|
+
100% {
|
|
1417
|
+
-webkit-transform: rotate(360deg);
|
|
1418
|
+
transform: rotate(360deg);
|
|
1419
|
+
}
|
|
1420
|
+
}
|
|
1317
1421
|
@keyframes material-spinner-rotate {
|
|
1318
1422
|
0% {
|
|
1423
|
+
-webkit-transform: rotate(0deg);
|
|
1319
1424
|
transform: rotate(0deg);
|
|
1320
1425
|
}
|
|
1321
1426
|
100% {
|
|
1427
|
+
-webkit-transform: rotate(360deg);
|
|
1428
|
+
transform: rotate(360deg);
|
|
1429
|
+
}
|
|
1430
|
+
}
|
|
1431
|
+
@-webkit-keyframes fabric-spinner-rotate {
|
|
1432
|
+
0% {
|
|
1433
|
+
-webkit-transform: rotate(0deg);
|
|
1434
|
+
transform: rotate(0deg);
|
|
1435
|
+
}
|
|
1436
|
+
100% {
|
|
1437
|
+
-webkit-transform: rotate(360deg);
|
|
1322
1438
|
transform: rotate(360deg);
|
|
1323
1439
|
}
|
|
1324
1440
|
}
|
|
1325
1441
|
@keyframes fabric-spinner-rotate {
|
|
1326
1442
|
0% {
|
|
1443
|
+
-webkit-transform: rotate(0deg);
|
|
1327
1444
|
transform: rotate(0deg);
|
|
1328
1445
|
}
|
|
1329
1446
|
100% {
|
|
1447
|
+
-webkit-transform: rotate(360deg);
|
|
1330
1448
|
transform: rotate(360deg);
|
|
1331
1449
|
}
|
|
1332
1450
|
}
|
|
1333
|
-
/*! Progress Button Layout */
|
|
1334
1451
|
.e-progress-btn {
|
|
1335
1452
|
position: relative;
|
|
1336
1453
|
}
|
|
@@ -1340,9 +1457,11 @@
|
|
|
1340
1457
|
opacity: 0;
|
|
1341
1458
|
position: absolute;
|
|
1342
1459
|
top: 0;
|
|
1460
|
+
-webkit-transition: opacity 0.3s linear;
|
|
1343
1461
|
transition: opacity 0.3s linear;
|
|
1344
1462
|
}
|
|
1345
1463
|
.e-progress-btn .e-spinner {
|
|
1464
|
+
-webkit-transition: all 0.3s linear;
|
|
1346
1465
|
transition: all 0.3s linear;
|
|
1347
1466
|
}
|
|
1348
1467
|
.e-progress-btn .e-btn-content {
|
|
@@ -1375,6 +1494,7 @@
|
|
|
1375
1494
|
opacity: 0;
|
|
1376
1495
|
}
|
|
1377
1496
|
.e-progress-btn.e-spin-top, .e-progress-btn.e-spin-bottom {
|
|
1497
|
+
-webkit-transition: padding 0.3s linear;
|
|
1378
1498
|
transition: padding 0.3s linear;
|
|
1379
1499
|
}
|
|
1380
1500
|
.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top .e-btn-content,
|
|
@@ -1384,10 +1504,12 @@
|
|
|
1384
1504
|
line-height: 1;
|
|
1385
1505
|
}
|
|
1386
1506
|
.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-center .e-spinner {
|
|
1507
|
+
display: -webkit-box;
|
|
1387
1508
|
display: -ms-flexbox;
|
|
1388
1509
|
display: flex;
|
|
1389
|
-
-
|
|
1390
|
-
|
|
1510
|
+
-webkit-box-pack: center;
|
|
1511
|
+
-ms-flex-pack: center;
|
|
1512
|
+
justify-content: center;
|
|
1391
1513
|
}
|
|
1392
1514
|
.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round) .e-spinner {
|
|
1393
1515
|
padding-right: 12px;
|
|
@@ -1473,21 +1595,35 @@
|
|
|
1473
1595
|
left: auto;
|
|
1474
1596
|
position: relative;
|
|
1475
1597
|
top: auto;
|
|
1476
|
-
transform: none;
|
|
1598
|
+
-webkit-transform: none;
|
|
1599
|
+
transform: none;
|
|
1477
1600
|
}
|
|
1478
1601
|
.e-progress-btn .e-cont-animate {
|
|
1479
|
-
-
|
|
1480
|
-
align
|
|
1602
|
+
-webkit-box-align: center;
|
|
1603
|
+
-ms-flex-align: center;
|
|
1604
|
+
align-items: center;
|
|
1605
|
+
display: -webkit-inline-box;
|
|
1481
1606
|
display: -ms-inline-flexbox;
|
|
1482
1607
|
display: inline-flex;
|
|
1483
1608
|
height: 100%;
|
|
1484
|
-
-
|
|
1485
|
-
|
|
1609
|
+
-webkit-box-pack: center;
|
|
1610
|
+
-ms-flex-pack: center;
|
|
1611
|
+
justify-content: center;
|
|
1486
1612
|
left: 0;
|
|
1487
1613
|
position: absolute;
|
|
1488
1614
|
top: 0;
|
|
1489
1615
|
width: 100%;
|
|
1490
1616
|
}
|
|
1617
|
+
@-webkit-keyframes ProgressSlideLeft {
|
|
1618
|
+
from {
|
|
1619
|
+
left: 0%;
|
|
1620
|
+
opacity: 1;
|
|
1621
|
+
}
|
|
1622
|
+
to {
|
|
1623
|
+
left: -100%;
|
|
1624
|
+
opacity: 0;
|
|
1625
|
+
}
|
|
1626
|
+
}
|
|
1491
1627
|
@keyframes ProgressSlideLeft {
|
|
1492
1628
|
from {
|
|
1493
1629
|
left: 0%;
|
|
@@ -1498,6 +1634,16 @@
|
|
|
1498
1634
|
opacity: 0;
|
|
1499
1635
|
}
|
|
1500
1636
|
}
|
|
1637
|
+
@-webkit-keyframes ProgressSlideRight {
|
|
1638
|
+
from {
|
|
1639
|
+
left: 0%;
|
|
1640
|
+
opacity: 1;
|
|
1641
|
+
}
|
|
1642
|
+
to {
|
|
1643
|
+
left: 100%;
|
|
1644
|
+
opacity: 0;
|
|
1645
|
+
}
|
|
1646
|
+
}
|
|
1501
1647
|
@keyframes ProgressSlideRight {
|
|
1502
1648
|
from {
|
|
1503
1649
|
left: 0%;
|
|
@@ -1508,6 +1654,18 @@
|
|
|
1508
1654
|
opacity: 0;
|
|
1509
1655
|
}
|
|
1510
1656
|
}
|
|
1657
|
+
@-webkit-keyframes ProgressSlideUp {
|
|
1658
|
+
from {
|
|
1659
|
+
height: auto;
|
|
1660
|
+
opacity: 1;
|
|
1661
|
+
top: 0;
|
|
1662
|
+
}
|
|
1663
|
+
to {
|
|
1664
|
+
height: auto;
|
|
1665
|
+
opacity: 0;
|
|
1666
|
+
top: -100px;
|
|
1667
|
+
}
|
|
1668
|
+
}
|
|
1511
1669
|
@keyframes ProgressSlideUp {
|
|
1512
1670
|
from {
|
|
1513
1671
|
height: auto;
|
|
@@ -1520,6 +1678,18 @@
|
|
|
1520
1678
|
top: -100px;
|
|
1521
1679
|
}
|
|
1522
1680
|
}
|
|
1681
|
+
@-webkit-keyframes ProgressSlideDown {
|
|
1682
|
+
from {
|
|
1683
|
+
height: auto;
|
|
1684
|
+
opacity: 1;
|
|
1685
|
+
top: 0;
|
|
1686
|
+
}
|
|
1687
|
+
to {
|
|
1688
|
+
height: auto;
|
|
1689
|
+
opacity: 0;
|
|
1690
|
+
top: 100px;
|
|
1691
|
+
}
|
|
1692
|
+
}
|
|
1523
1693
|
@keyframes ProgressSlideDown {
|
|
1524
1694
|
from {
|
|
1525
1695
|
height: auto;
|
|
@@ -1532,22 +1702,48 @@
|
|
|
1532
1702
|
top: 100px;
|
|
1533
1703
|
}
|
|
1534
1704
|
}
|
|
1705
|
+
@-webkit-keyframes ProgressZoomIn {
|
|
1706
|
+
from {
|
|
1707
|
+
opacity: 1;
|
|
1708
|
+
-webkit-transform: translate(0, 0) scale(1);
|
|
1709
|
+
transform: translate(0, 0) scale(1);
|
|
1710
|
+
}
|
|
1711
|
+
to {
|
|
1712
|
+
opacity: 0;
|
|
1713
|
+
-webkit-transform: translate(0, 0) scale(3);
|
|
1714
|
+
transform: translate(0, 0) scale(3);
|
|
1715
|
+
}
|
|
1716
|
+
}
|
|
1535
1717
|
@keyframes ProgressZoomIn {
|
|
1536
1718
|
from {
|
|
1537
1719
|
opacity: 1;
|
|
1538
|
-
transform: translate(0, 0) scale(1);
|
|
1720
|
+
-webkit-transform: translate(0, 0) scale(1);
|
|
1721
|
+
transform: translate(0, 0) scale(1);
|
|
1539
1722
|
}
|
|
1540
1723
|
to {
|
|
1541
1724
|
opacity: 0;
|
|
1542
|
-
transform: translate(0, 0) scale(3);
|
|
1725
|
+
-webkit-transform: translate(0, 0) scale(3);
|
|
1726
|
+
transform: translate(0, 0) scale(3);
|
|
1727
|
+
}
|
|
1728
|
+
}
|
|
1729
|
+
@-webkit-keyframes ProgressZoomOut {
|
|
1730
|
+
from {
|
|
1731
|
+
-webkit-transform: translate(0, 0) scale(1);
|
|
1732
|
+
transform: translate(0, 0) scale(1);
|
|
1733
|
+
}
|
|
1734
|
+
to {
|
|
1735
|
+
-webkit-transform: translate(0, 0) scale(0);
|
|
1736
|
+
transform: translate(0, 0) scale(0);
|
|
1543
1737
|
}
|
|
1544
1738
|
}
|
|
1545
1739
|
@keyframes ProgressZoomOut {
|
|
1546
1740
|
from {
|
|
1547
|
-
transform: translate(0, 0) scale(1);
|
|
1741
|
+
-webkit-transform: translate(0, 0) scale(1);
|
|
1742
|
+
transform: translate(0, 0) scale(1);
|
|
1548
1743
|
}
|
|
1549
1744
|
to {
|
|
1550
|
-
transform: translate(0, 0) scale(0);
|
|
1745
|
+
-webkit-transform: translate(0, 0) scale(0);
|
|
1746
|
+
transform: translate(0, 0) scale(0);
|
|
1551
1747
|
}
|
|
1552
1748
|
}
|
|
1553
1749
|
|
|
@@ -1754,7 +1950,10 @@
|
|
|
1754
1950
|
|
|
1755
1951
|
*.e-primary .e-progress,
|
|
1756
1952
|
*.e-success .e-progress,
|
|
1757
|
-
*.e-danger .e-progress
|
|
1953
|
+
*.e-danger .e-progress {
|
|
1954
|
+
background: rgba(0, 0, 0, 0.2);
|
|
1955
|
+
}
|
|
1956
|
+
|
|
1758
1957
|
*.e-info .e-progress {
|
|
1759
1958
|
background: rgba(0, 0, 0, 0.2);
|
|
1760
1959
|
}
|