@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
package/styles/bootstrap4.css
CHANGED
|
@@ -3,7 +3,6 @@
|
|
|
3
3
|
content: "\e744";
|
|
4
4
|
}
|
|
5
5
|
|
|
6
|
-
/*! drop-down button layout */
|
|
7
6
|
.e-dropdown-btn,
|
|
8
7
|
.e-dropdown-btn.e-btn {
|
|
9
8
|
text-transform: none;
|
|
@@ -11,11 +10,13 @@
|
|
|
11
10
|
}
|
|
12
11
|
.e-dropdown-btn:focus,
|
|
13
12
|
.e-dropdown-btn.e-btn:focus {
|
|
14
|
-
box-shadow: none;
|
|
13
|
+
-webkit-box-shadow: none;
|
|
14
|
+
box-shadow: none;
|
|
15
15
|
}
|
|
16
16
|
.e-dropdown-btn:active,
|
|
17
17
|
.e-dropdown-btn.e-btn:active {
|
|
18
|
-
box-shadow: 0 0 0 0.2rem rgba(99, 105, 111, 0.5);
|
|
18
|
+
-webkit-box-shadow: 0 0 0 0.2rem rgba(99, 105, 111, 0.5);
|
|
19
|
+
box-shadow: 0 0 0 0.2rem rgba(99, 105, 111, 0.5);
|
|
19
20
|
}
|
|
20
21
|
.e-dropdown-btn .e-btn-icon,
|
|
21
22
|
.e-dropdown-btn.e-btn .e-btn-icon {
|
|
@@ -47,7 +48,6 @@
|
|
|
47
48
|
line-height: 1;
|
|
48
49
|
padding: 6px 12px;
|
|
49
50
|
}
|
|
50
|
-
|
|
51
51
|
.e-bigger .e-dropdown-btn .e-btn-icon,
|
|
52
52
|
.e-bigger.e-dropdown-btn .e-btn-icon {
|
|
53
53
|
font-size: 16px;
|
|
@@ -73,8 +73,10 @@
|
|
|
73
73
|
.e-dropdown-popup ul {
|
|
74
74
|
border: 1px solid rgba(0, 0, 0, 0.15);
|
|
75
75
|
border-radius: 4px;
|
|
76
|
-
box-shadow: none;
|
|
77
|
-
|
|
76
|
+
-webkit-box-shadow: none;
|
|
77
|
+
box-shadow: none;
|
|
78
|
+
-webkit-box-sizing: border-box;
|
|
79
|
+
box-sizing: border-box;
|
|
78
80
|
font-size: 14px;
|
|
79
81
|
font-weight: normal;
|
|
80
82
|
list-style-image: none;
|
|
@@ -85,18 +87,23 @@
|
|
|
85
87
|
overflow: hidden;
|
|
86
88
|
padding: 6px 0;
|
|
87
89
|
-webkit-user-select: none;
|
|
90
|
+
-moz-user-select: none;
|
|
88
91
|
-ms-user-select: none;
|
|
89
92
|
user-select: none;
|
|
90
93
|
white-space: nowrap;
|
|
91
94
|
}
|
|
92
95
|
.e-dropdown-popup ul .e-item {
|
|
93
96
|
cursor: pointer;
|
|
97
|
+
display: -webkit-box;
|
|
94
98
|
display: -ms-flexbox;
|
|
95
99
|
display: flex;
|
|
96
100
|
height: 26px;
|
|
97
101
|
line-height: 26px;
|
|
98
102
|
padding: 0 20px;
|
|
99
103
|
}
|
|
104
|
+
.e-dropdown-popup ul .e-item.e-separator {
|
|
105
|
+
padding: 0 !important; /* stylelint-disable-line declaration-no-important */
|
|
106
|
+
}
|
|
100
107
|
.e-dropdown-popup ul .e-item.e-url {
|
|
101
108
|
padding: 0;
|
|
102
109
|
}
|
|
@@ -129,7 +136,8 @@
|
|
|
129
136
|
}
|
|
130
137
|
.e-dropdown-popup.e-transparent {
|
|
131
138
|
background: transparent;
|
|
132
|
-
box-shadow: none;
|
|
139
|
+
-webkit-box-shadow: none;
|
|
140
|
+
box-shadow: none;
|
|
133
141
|
}
|
|
134
142
|
.e-dropdown-popup.e-transparent .e-dropdown-menu {
|
|
135
143
|
border: 0;
|
|
@@ -147,7 +155,8 @@
|
|
|
147
155
|
|
|
148
156
|
*.e-bigger .e-dropdown-popup ul,
|
|
149
157
|
*.e-bigger.e-dropdown-popup ul {
|
|
150
|
-
box-shadow: none;
|
|
158
|
+
-webkit-box-shadow: none;
|
|
159
|
+
box-shadow: none;
|
|
151
160
|
font-size: 16px;
|
|
152
161
|
max-width: 280px;
|
|
153
162
|
min-width: 112px;
|
|
@@ -174,7 +183,6 @@
|
|
|
174
183
|
line-height: normal;
|
|
175
184
|
}
|
|
176
185
|
|
|
177
|
-
/*! drop-down button theme */
|
|
178
186
|
.e-dropdown-popup {
|
|
179
187
|
background: #fff;
|
|
180
188
|
color: #212529;
|
|
@@ -187,7 +195,8 @@
|
|
|
187
195
|
}
|
|
188
196
|
.e-dropdown-popup ul .e-item.e-focused {
|
|
189
197
|
background: #f2f4f6;
|
|
190
|
-
box-shadow: none;
|
|
198
|
+
-webkit-box-shadow: none;
|
|
199
|
+
box-shadow: none;
|
|
191
200
|
}
|
|
192
201
|
.e-dropdown-popup ul .e-item:hover {
|
|
193
202
|
background: #f2f4f6;
|
|
@@ -211,7 +220,8 @@
|
|
|
211
220
|
.e-dropdown-btn.e-btn.e-inherit {
|
|
212
221
|
background: inherit;
|
|
213
222
|
border-color: transparent;
|
|
214
|
-
box-shadow: none;
|
|
223
|
+
-webkit-box-shadow: none;
|
|
224
|
+
box-shadow: none;
|
|
215
225
|
color: inherit;
|
|
216
226
|
}
|
|
217
227
|
.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,
|
|
@@ -221,15 +231,18 @@
|
|
|
221
231
|
.e-dropdown-btn.e-btn.e-inherit.e-active {
|
|
222
232
|
background: rgba(0, 0, 0, 0.056);
|
|
223
233
|
border-color: transparent;
|
|
224
|
-
box-shadow: none;
|
|
234
|
+
-webkit-box-shadow: none;
|
|
235
|
+
box-shadow: none;
|
|
225
236
|
color: inherit;
|
|
226
237
|
}
|
|
227
238
|
|
|
228
|
-
/*! splitbutton layout */
|
|
229
239
|
.e-split-btn-wrapper {
|
|
240
|
+
display: -webkit-inline-box;
|
|
230
241
|
display: -ms-inline-flexbox;
|
|
231
242
|
display: inline-flex;
|
|
232
243
|
white-space: nowrap;
|
|
244
|
+
width: -webkit-min-content;
|
|
245
|
+
width: -moz-min-content;
|
|
233
246
|
width: min-content;
|
|
234
247
|
}
|
|
235
248
|
.e-split-btn-wrapper .e-split-btn {
|
|
@@ -246,10 +259,12 @@
|
|
|
246
259
|
outline-offset: 0;
|
|
247
260
|
}
|
|
248
261
|
.e-split-btn-wrapper .e-split-btn:focus {
|
|
249
|
-
box-shadow: none;
|
|
262
|
+
-webkit-box-shadow: none;
|
|
263
|
+
box-shadow: none;
|
|
250
264
|
}
|
|
251
265
|
.e-split-btn-wrapper .e-split-btn:active {
|
|
252
|
-
box-shadow: 0 0 0 0.2rem rgba(99, 105, 111, 0.5);
|
|
266
|
+
-webkit-box-shadow: 0 0 0 0.2rem rgba(99, 105, 111, 0.5);
|
|
267
|
+
box-shadow: 0 0 0 0.2rem rgba(99, 105, 111, 0.5);
|
|
253
268
|
z-index: 2;
|
|
254
269
|
}
|
|
255
270
|
.e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
|
|
@@ -281,7 +296,8 @@
|
|
|
281
296
|
padding-right: 8px;
|
|
282
297
|
}
|
|
283
298
|
.e-split-btn-wrapper .e-dropdown-btn:active {
|
|
284
|
-
box-shadow: 0 0 0 0.2rem rgba(99, 105, 111, 0.5);
|
|
299
|
+
-webkit-box-shadow: 0 0 0 0.2rem rgba(99, 105, 111, 0.5);
|
|
300
|
+
box-shadow: 0 0 0 0.2rem rgba(99, 105, 111, 0.5);
|
|
285
301
|
z-index: 2;
|
|
286
302
|
}
|
|
287
303
|
.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 {
|
|
@@ -291,16 +307,20 @@
|
|
|
291
307
|
outline-offset: 0;
|
|
292
308
|
}
|
|
293
309
|
.e-split-btn-wrapper .e-btn:focus {
|
|
294
|
-
box-shadow: none;
|
|
310
|
+
-webkit-box-shadow: none;
|
|
311
|
+
box-shadow: none;
|
|
295
312
|
}
|
|
296
313
|
.e-split-btn-wrapper .e-btn:active {
|
|
297
|
-
box-shadow: 0 0 0 0.2rem rgba(99, 105, 111, 0.5);
|
|
314
|
+
-webkit-box-shadow: 0 0 0 0.2rem rgba(99, 105, 111, 0.5);
|
|
315
|
+
box-shadow: 0 0 0 0.2rem rgba(99, 105, 111, 0.5);
|
|
298
316
|
}
|
|
299
317
|
.e-split-btn-wrapper .e-btn:disabled {
|
|
300
|
-
box-shadow: none;
|
|
318
|
+
-webkit-box-shadow: none;
|
|
319
|
+
box-shadow: none;
|
|
301
320
|
}
|
|
302
321
|
.e-split-btn-wrapper .e-btn.e-inherit:focus, .e-split-btn-wrapper .e-btn.e-inherit:active {
|
|
303
|
-
box-shadow: none;
|
|
322
|
+
-webkit-box-shadow: none;
|
|
323
|
+
box-shadow: none;
|
|
304
324
|
}
|
|
305
325
|
.e-split-btn-wrapper.e-rtl .e-split-btn {
|
|
306
326
|
border-bottom-left-radius: 0;
|
|
@@ -453,7 +473,6 @@
|
|
|
453
473
|
padding-top: 0;
|
|
454
474
|
}
|
|
455
475
|
|
|
456
|
-
/*! splitbutton theme */
|
|
457
476
|
.e-split-btn-wrapper .e-split-btn {
|
|
458
477
|
border-right-color: #6c757d;
|
|
459
478
|
}
|
|
@@ -555,11 +574,14 @@
|
|
|
555
574
|
/* stylelint-disable */
|
|
556
575
|
*.e-btn-group,
|
|
557
576
|
*.e-css.e-btn-group {
|
|
577
|
+
display: -webkit-inline-box;
|
|
558
578
|
display: -ms-inline-flexbox;
|
|
559
579
|
display: inline-flex;
|
|
560
580
|
border-radius: 4px;
|
|
561
|
-
-
|
|
562
|
-
|
|
581
|
+
-webkit-box-orient: horizontal;
|
|
582
|
+
-webkit-box-direction: normal;
|
|
583
|
+
-ms-flex-direction: row;
|
|
584
|
+
flex-direction: row;
|
|
563
585
|
position: relative;
|
|
564
586
|
}
|
|
565
587
|
*.e-btn-group input:focus + label.e-btn,
|
|
@@ -602,8 +624,9 @@
|
|
|
602
624
|
*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:not(:first-of-type):not(:last-of-type) {
|
|
603
625
|
border-radius: 0;
|
|
604
626
|
}
|
|
605
|
-
*.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
|
|
606
|
-
*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type
|
|
627
|
+
*.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),
|
|
628
|
+
*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type,
|
|
629
|
+
*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
|
|
607
630
|
border-bottom-right-radius: 0;
|
|
608
631
|
border-top-right-radius: 0;
|
|
609
632
|
}
|
|
@@ -612,11 +635,6 @@
|
|
|
612
635
|
border-bottom-left-radius: 0;
|
|
613
636
|
border-top-left-radius: 0;
|
|
614
637
|
}
|
|
615
|
-
*.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child),
|
|
616
|
-
*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type:not(:last-child) {
|
|
617
|
-
border-bottom-right-radius: 0;
|
|
618
|
-
border-top-right-radius: 0;
|
|
619
|
-
}
|
|
620
638
|
*.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn,
|
|
621
639
|
*.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-split-btn-wrapper + .e-btn {
|
|
622
640
|
border-bottom-left-radius: 0;
|
|
@@ -650,8 +668,9 @@
|
|
|
650
668
|
*.e-css.e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type) {
|
|
651
669
|
border-radius: 0;
|
|
652
670
|
}
|
|
653
|
-
*.e-btn-group.e-rtl .e-btn:first-of-type,
|
|
654
|
-
*.e-css.e-btn-group.e-rtl .e-btn:first-of-type
|
|
671
|
+
*.e-btn-group.e-rtl .e-btn:first-of-type, *.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
|
|
672
|
+
*.e-css.e-btn-group.e-rtl .e-btn:first-of-type,
|
|
673
|
+
*.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
|
|
655
674
|
border-bottom-left-radius: 0;
|
|
656
675
|
border-top-left-radius: 0;
|
|
657
676
|
}
|
|
@@ -660,11 +679,6 @@
|
|
|
660
679
|
border-bottom-right-radius: 0;
|
|
661
680
|
border-top-right-radius: 0;
|
|
662
681
|
}
|
|
663
|
-
*.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child),
|
|
664
|
-
*.e-css.e-btn-group.e-rtl .e-btn:last-of-type:not(:last-child) {
|
|
665
|
-
border-bottom-left-radius: 0;
|
|
666
|
-
border-top-left-radius: 0;
|
|
667
|
-
}
|
|
668
682
|
*.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn,
|
|
669
683
|
*.e-css.e-btn-group.e-rtl .e-split-btn-wrapper + .e-btn {
|
|
670
684
|
border-bottom-right-radius: 0;
|
|
@@ -692,8 +706,10 @@
|
|
|
692
706
|
}
|
|
693
707
|
*.e-btn-group.e-vertical,
|
|
694
708
|
*.e-css.e-btn-group.e-vertical {
|
|
695
|
-
-
|
|
696
|
-
|
|
709
|
+
-webkit-box-orient: vertical;
|
|
710
|
+
-webkit-box-direction: normal;
|
|
711
|
+
-ms-flex-direction: column;
|
|
712
|
+
flex-direction: column;
|
|
697
713
|
}
|
|
698
714
|
*.e-btn-group.e-vertical input,
|
|
699
715
|
*.e-css.e-btn-group.e-vertical input {
|
|
@@ -800,84 +816,107 @@
|
|
|
800
816
|
/* stylelint-disable */
|
|
801
817
|
.e-btn-group:not(.e-outline),
|
|
802
818
|
.e-css.e-btn-group:not(.e-outline) {
|
|
803
|
-
box-shadow: none;
|
|
819
|
+
-webkit-box-shadow: none;
|
|
820
|
+
box-shadow: none;
|
|
804
821
|
}
|
|
805
822
|
.e-btn-group .e-btn:hover,
|
|
806
823
|
.e-css.e-btn-group .e-btn:hover {
|
|
807
|
-
box-shadow: none;
|
|
824
|
+
-webkit-box-shadow: none;
|
|
825
|
+
box-shadow: none;
|
|
808
826
|
}
|
|
809
827
|
.e-btn-group .e-btn:focus,
|
|
810
828
|
.e-btn-group input:focus-visible + label.e-btn,
|
|
829
|
+
.e-btn-group input:focus + label.e-btn,
|
|
811
830
|
.e-css.e-btn-group .e-btn:focus,
|
|
812
|
-
.e-css.e-btn-group input:focus-visible + label.e-btn
|
|
831
|
+
.e-css.e-btn-group input:focus-visible + label.e-btn,
|
|
832
|
+
.e-css.e-btn-group input:focus + label.e-btn {
|
|
813
833
|
background: #5b636a;
|
|
814
834
|
border-color: #60686f;
|
|
815
835
|
color: #fff;
|
|
816
836
|
outline: #6c757d 0 solid;
|
|
817
837
|
outline-offset: 0;
|
|
818
|
-
box-shadow: 0 0 0 0.25em rgba(115, 122, 129, 0.5);
|
|
838
|
+
-webkit-box-shadow: 0 0 0 0.25em rgba(115, 122, 129, 0.5);
|
|
839
|
+
box-shadow: 0 0 0 0.25em rgba(115, 122, 129, 0.5);
|
|
819
840
|
outline-color: inherit;
|
|
820
841
|
}
|
|
821
842
|
.e-btn-group .e-btn:focus.e-primary,
|
|
822
843
|
.e-btn-group input:focus-visible + label.e-btn.e-primary,
|
|
844
|
+
.e-btn-group input:focus + label.e-btn.e-primary,
|
|
823
845
|
.e-css.e-btn-group .e-btn:focus.e-primary,
|
|
824
|
-
.e-css.e-btn-group input:focus-visible + label.e-btn.e-primary
|
|
846
|
+
.e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
|
|
847
|
+
.e-css.e-btn-group input:focus + label.e-btn.e-primary {
|
|
825
848
|
background: #006adb;
|
|
826
849
|
border-color: #006fe6;
|
|
827
850
|
color: #fff;
|
|
828
851
|
outline: #6c757d 0 solid;
|
|
829
|
-
box-shadow: 0 0 0 0.25em rgba(33, 130, 234, 0.5);
|
|
852
|
+
-webkit-box-shadow: 0 0 0 0.25em rgba(33, 130, 234, 0.5);
|
|
853
|
+
box-shadow: 0 0 0 0.25em rgba(33, 130, 234, 0.5);
|
|
830
854
|
outline-color: inherit;
|
|
831
855
|
}
|
|
832
856
|
.e-btn-group .e-btn:focus.e-success,
|
|
833
857
|
.e-btn-group input:focus-visible + label.e-btn.e-success,
|
|
858
|
+
.e-btn-group input:focus + label.e-btn.e-success,
|
|
834
859
|
.e-css.e-btn-group .e-btn:focus.e-success,
|
|
835
|
-
.e-css.e-btn-group input:focus-visible + label.e-btn.e-success
|
|
860
|
+
.e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
|
|
861
|
+
.e-css.e-btn-group input:focus + label.e-btn.e-success {
|
|
836
862
|
background: #218a39;
|
|
837
863
|
border-color: #23923d;
|
|
838
864
|
color: #fff;
|
|
839
|
-
box-shadow: 0 0 0 0.25em rgba(58, 160, 82, 0.5);
|
|
865
|
+
-webkit-box-shadow: 0 0 0 0.25em rgba(58, 160, 82, 0.5);
|
|
866
|
+
box-shadow: 0 0 0 0.25em rgba(58, 160, 82, 0.5);
|
|
840
867
|
outline-color: inherit;
|
|
841
868
|
}
|
|
842
869
|
.e-btn-group .e-btn:focus.e-info,
|
|
843
870
|
.e-btn-group input:focus-visible + label.e-btn.e-info,
|
|
871
|
+
.e-btn-group input:focus + label.e-btn.e-info,
|
|
844
872
|
.e-css.e-btn-group .e-btn:focus.e-info,
|
|
845
|
-
.e-css.e-btn-group input:focus-visible + label.e-btn.e-info
|
|
873
|
+
.e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
|
|
874
|
+
.e-css.e-btn-group input:focus + label.e-btn.e-info {
|
|
846
875
|
background: #138698;
|
|
847
876
|
border-color: #148ea1;
|
|
848
877
|
color: #fff;
|
|
849
|
-
box-shadow: 0 0 0 0.25em rgba(44, 156, 174, 0.5);
|
|
878
|
+
-webkit-box-shadow: 0 0 0 0.25em rgba(44, 156, 174, 0.5);
|
|
879
|
+
box-shadow: 0 0 0 0.25em rgba(44, 156, 174, 0.5);
|
|
850
880
|
outline-color: inherit;
|
|
851
881
|
}
|
|
852
882
|
.e-btn-group .e-btn:focus.e-warning,
|
|
853
883
|
.e-btn-group input:focus-visible + label.e-btn.e-warning,
|
|
884
|
+
.e-btn-group input:focus + label.e-btn.e-warning,
|
|
854
885
|
.e-css.e-btn-group .e-btn:focus.e-warning,
|
|
855
|
-
.e-css.e-btn-group input:focus-visible + label.e-btn.e-warning
|
|
886
|
+
.e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
|
|
887
|
+
.e-css.e-btn-group input:focus + label.e-btn.e-warning {
|
|
856
888
|
background: #e2aa00;
|
|
857
889
|
border-color: #edb100;
|
|
858
890
|
color: #212529;
|
|
859
|
-
box-shadow: 0 0 0 0.25em rgba(240, 188, 34, 0.5);
|
|
891
|
+
-webkit-box-shadow: 0 0 0 0.25em rgba(240, 188, 34, 0.5);
|
|
892
|
+
box-shadow: 0 0 0 0.25em rgba(240, 188, 34, 0.5);
|
|
860
893
|
outline-color: inherit;
|
|
861
894
|
}
|
|
862
895
|
.e-btn-group .e-btn:focus.e-danger,
|
|
863
896
|
.e-btn-group input:focus-visible + label.e-btn.e-danger,
|
|
897
|
+
.e-btn-group input:focus + label.e-btn.e-danger,
|
|
864
898
|
.e-css.e-btn-group .e-btn:focus.e-danger,
|
|
865
|
-
.e-css.e-btn-group input:focus-visible + label.e-btn.e-danger
|
|
899
|
+
.e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
|
|
900
|
+
.e-css.e-btn-group input:focus + label.e-btn.e-danger {
|
|
866
901
|
background: #ca2333;
|
|
867
902
|
border-color: #d32535;
|
|
868
903
|
color: #fff;
|
|
869
|
-
box-shadow: 0 0 0 0.25em rgba(217, 67, 81, 0.5);
|
|
904
|
+
-webkit-box-shadow: 0 0 0 0.25em rgba(217, 67, 81, 0.5);
|
|
905
|
+
box-shadow: 0 0 0 0.25em rgba(217, 67, 81, 0.5);
|
|
870
906
|
outline-color: inherit;
|
|
871
907
|
}
|
|
872
908
|
.e-btn-group .e-btn:focus.e-link,
|
|
873
909
|
.e-btn-group input:focus-visible + label.e-btn.e-link,
|
|
910
|
+
.e-btn-group input:focus + label.e-btn.e-link,
|
|
874
911
|
.e-css.e-btn-group .e-btn:focus.e-link,
|
|
875
|
-
.e-css.e-btn-group input:focus-visible + label.e-btn.e-link
|
|
912
|
+
.e-css.e-btn-group input:focus-visible + label.e-btn.e-link,
|
|
913
|
+
.e-css.e-btn-group input:focus + label.e-btn.e-link {
|
|
876
914
|
border-radius: 0;
|
|
877
915
|
text-decoration: underline;
|
|
878
916
|
background: transparent;
|
|
879
917
|
border-color: transparent;
|
|
880
|
-
box-shadow: none;
|
|
918
|
+
-webkit-box-shadow: none;
|
|
919
|
+
box-shadow: none;
|
|
881
920
|
color: #0056b3;
|
|
882
921
|
background-color: transparent;
|
|
883
922
|
border-color: transparent;
|
|
@@ -886,40 +925,57 @@
|
|
|
886
925
|
}
|
|
887
926
|
.e-btn-group .e-btn:focus.e-outline,
|
|
888
927
|
.e-btn-group input:focus-visible + label.e-btn.e-outline,
|
|
928
|
+
.e-btn-group input:focus + label.e-btn.e-outline,
|
|
889
929
|
.e-css.e-btn-group .e-btn:focus.e-outline,
|
|
890
|
-
.e-css.e-btn-group input:focus-visible + label.e-btn.e-outline
|
|
891
|
-
|
|
892
|
-
box-shadow:
|
|
930
|
+
.e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
|
|
931
|
+
.e-css.e-btn-group input:focus + label.e-btn.e-outline {
|
|
932
|
+
-webkit-box-shadow: 0 0 0 0.25em rgba(128, 136, 143, 0.5);
|
|
933
|
+
box-shadow: 0 0 0 0.25em rgba(128, 136, 143, 0.5);
|
|
893
934
|
}
|
|
894
935
|
.e-btn-group .e-btn:focus.e-outline.e-primary,
|
|
895
936
|
.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
|
|
937
|
+
.e-btn-group input:focus + label.e-btn.e-outline.e-primary,
|
|
896
938
|
.e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
|
|
897
|
-
.e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary
|
|
898
|
-
|
|
939
|
+
.e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary,
|
|
940
|
+
.e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
|
|
941
|
+
-webkit-box-shadow: 0 0 0 0.25em rgba(38, 133, 234, 0.5);
|
|
942
|
+
box-shadow: 0 0 0 0.25em rgba(38, 133, 234, 0.5);
|
|
899
943
|
}
|
|
900
944
|
.e-btn-group .e-btn:focus.e-outline.e-success,
|
|
901
945
|
.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
|
|
946
|
+
.e-btn-group input:focus + label.e-btn.e-outline.e-success,
|
|
902
947
|
.e-css.e-btn-group .e-btn:focus.e-outline.e-success,
|
|
903
|
-
.e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success
|
|
904
|
-
|
|
948
|
+
.e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success,
|
|
949
|
+
.e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
|
|
950
|
+
-webkit-box-shadow: 0 0 0 0.25em rgba(58, 160, 82, 0.5);
|
|
951
|
+
box-shadow: 0 0 0 0.25em rgba(58, 160, 82, 0.5);
|
|
905
952
|
}
|
|
906
953
|
.e-btn-group .e-btn:focus.e-outline.e-info,
|
|
907
954
|
.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
|
|
955
|
+
.e-btn-group input:focus + label.e-btn.e-outline.e-info,
|
|
908
956
|
.e-css.e-btn-group .e-btn:focus.e-outline.e-info,
|
|
909
|
-
.e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info
|
|
910
|
-
|
|
957
|
+
.e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info,
|
|
958
|
+
.e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
|
|
959
|
+
-webkit-box-shadow: 0 0 0 0.25em rgba(44, 156, 174, 0.5);
|
|
960
|
+
box-shadow: 0 0 0 0.25em rgba(44, 156, 174, 0.5);
|
|
911
961
|
}
|
|
912
962
|
.e-btn-group .e-btn:focus.e-outline.e-warning,
|
|
913
963
|
.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
|
|
964
|
+
.e-btn-group input:focus + label.e-btn.e-outline.e-warning,
|
|
914
965
|
.e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
|
|
915
|
-
.e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning
|
|
916
|
-
|
|
966
|
+
.e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning,
|
|
967
|
+
.e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
|
|
968
|
+
-webkit-box-shadow: 0 0 0 0.25em rgba(240, 188, 34, 0.5);
|
|
969
|
+
box-shadow: 0 0 0 0.25em rgba(240, 188, 34, 0.5);
|
|
917
970
|
}
|
|
918
971
|
.e-btn-group .e-btn:focus.e-outline.e-danger,
|
|
919
972
|
.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
|
|
973
|
+
.e-btn-group input:focus + label.e-btn.e-outline.e-danger,
|
|
920
974
|
.e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
|
|
921
|
-
.e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger
|
|
922
|
-
|
|
975
|
+
.e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger,
|
|
976
|
+
.e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
|
|
977
|
+
-webkit-box-shadow: 0 0 0 0.25em rgba(217, 67, 81, 0.5);
|
|
978
|
+
box-shadow: 0 0 0 0.25em rgba(217, 67, 81, 0.5);
|
|
923
979
|
}
|
|
924
980
|
.e-btn-group .e-btn:active,
|
|
925
981
|
.e-btn-group input:active + label.e-btn,
|
|
@@ -1050,7 +1106,8 @@
|
|
|
1050
1106
|
.e-css.e-btn-group input:disabled + label.e-btn {
|
|
1051
1107
|
background-color: rgba(108, 117, 125, 0.65);
|
|
1052
1108
|
border-color: transparent;
|
|
1053
|
-
box-shadow: none;
|
|
1109
|
+
-webkit-box-shadow: none;
|
|
1110
|
+
box-shadow: none;
|
|
1054
1111
|
color: #fff;
|
|
1055
1112
|
}
|
|
1056
1113
|
.e-btn-group .e-btn:disabled.e-primary,
|
|
@@ -1059,7 +1116,8 @@
|
|
|
1059
1116
|
.e-css.e-btn-group input:disabled + label.e-btn.e-primary {
|
|
1060
1117
|
background: rgba(0, 123, 255, 0.65);
|
|
1061
1118
|
border-color: transparent;
|
|
1062
|
-
box-shadow: none;
|
|
1119
|
+
-webkit-box-shadow: none;
|
|
1120
|
+
box-shadow: none;
|
|
1063
1121
|
color: #fff;
|
|
1064
1122
|
}
|
|
1065
1123
|
.e-btn-group .e-btn:disabled.e-success,
|
|
@@ -1068,7 +1126,8 @@
|
|
|
1068
1126
|
.e-css.e-btn-group input:disabled + label.e-btn.e-success {
|
|
1069
1127
|
background: rgba(40, 167, 69, 0.65);
|
|
1070
1128
|
border-color: transparent;
|
|
1071
|
-
box-shadow: none;
|
|
1129
|
+
-webkit-box-shadow: none;
|
|
1130
|
+
box-shadow: none;
|
|
1072
1131
|
color: #fff;
|
|
1073
1132
|
}
|
|
1074
1133
|
.e-btn-group .e-btn:disabled.e-info,
|
|
@@ -1077,7 +1136,8 @@
|
|
|
1077
1136
|
.e-css.e-btn-group input:disabled + label.e-btn.e-info {
|
|
1078
1137
|
background: rgba(23, 162, 184, 0.65);
|
|
1079
1138
|
border-color: transparent;
|
|
1080
|
-
box-shadow: none;
|
|
1139
|
+
-webkit-box-shadow: none;
|
|
1140
|
+
box-shadow: none;
|
|
1081
1141
|
color: #fff;
|
|
1082
1142
|
}
|
|
1083
1143
|
.e-btn-group .e-btn:disabled.e-warning,
|
|
@@ -1086,7 +1146,8 @@
|
|
|
1086
1146
|
.e-css.e-btn-group input:disabled + label.e-btn.e-warning {
|
|
1087
1147
|
background: rgba(255, 193, 7, 0.65);
|
|
1088
1148
|
border-color: transparent;
|
|
1089
|
-
box-shadow: none;
|
|
1149
|
+
-webkit-box-shadow: none;
|
|
1150
|
+
box-shadow: none;
|
|
1090
1151
|
color: #212529;
|
|
1091
1152
|
}
|
|
1092
1153
|
.e-btn-group .e-btn:disabled.e-danger,
|
|
@@ -1095,7 +1156,8 @@
|
|
|
1095
1156
|
.e-css.e-btn-group input:disabled + label.e-btn.e-danger {
|
|
1096
1157
|
background: rgba(220, 53, 69, 0.65);
|
|
1097
1158
|
border-color: transparent;
|
|
1098
|
-
box-shadow: none;
|
|
1159
|
+
-webkit-box-shadow: none;
|
|
1160
|
+
box-shadow: none;
|
|
1099
1161
|
color: #fff;
|
|
1100
1162
|
}
|
|
1101
1163
|
.e-btn-group .e-btn:disabled.e-link,
|
|
@@ -1104,7 +1166,8 @@
|
|
|
1104
1166
|
.e-css.e-btn-group input:disabled + label.e-btn.e-link {
|
|
1105
1167
|
color: #6c757d;
|
|
1106
1168
|
background: transparent;
|
|
1107
|
-
box-shadow: none;
|
|
1169
|
+
-webkit-box-shadow: none;
|
|
1170
|
+
box-shadow: none;
|
|
1108
1171
|
text-decoration: none;
|
|
1109
1172
|
}
|
|
1110
1173
|
.e-btn-group .e-btn:disabled.e-outline,
|
|
@@ -1122,7 +1185,8 @@
|
|
|
1122
1185
|
.e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-primary {
|
|
1123
1186
|
background: transparent;
|
|
1124
1187
|
border-color: rgba(0, 123, 255, 0.65);
|
|
1125
|
-
box-shadow: none;
|
|
1188
|
+
-webkit-box-shadow: none;
|
|
1189
|
+
box-shadow: none;
|
|
1126
1190
|
color: rgba(0, 123, 255, 0.65);
|
|
1127
1191
|
border-color: #007bff;
|
|
1128
1192
|
}
|
|
@@ -1132,7 +1196,8 @@
|
|
|
1132
1196
|
.e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-success {
|
|
1133
1197
|
background: transparent;
|
|
1134
1198
|
border-color: rgba(40, 167, 69, 0.65);
|
|
1135
|
-
box-shadow: none;
|
|
1199
|
+
-webkit-box-shadow: none;
|
|
1200
|
+
box-shadow: none;
|
|
1136
1201
|
color: rgba(40, 167, 69, 0.65);
|
|
1137
1202
|
border-color: #28a745;
|
|
1138
1203
|
}
|
|
@@ -1142,7 +1207,8 @@
|
|
|
1142
1207
|
.e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-info {
|
|
1143
1208
|
background: transparent;
|
|
1144
1209
|
border-color: rgba(23, 162, 184, 0.65);
|
|
1145
|
-
box-shadow: none;
|
|
1210
|
+
-webkit-box-shadow: none;
|
|
1211
|
+
box-shadow: none;
|
|
1146
1212
|
color: rgba(23, 162, 184, 0.65);
|
|
1147
1213
|
border-color: #17a2b8;
|
|
1148
1214
|
}
|
|
@@ -1152,7 +1218,8 @@
|
|
|
1152
1218
|
.e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-warning {
|
|
1153
1219
|
background: transparent;
|
|
1154
1220
|
border-color: rgba(255, 193, 7, 0.65);
|
|
1155
|
-
box-shadow: none;
|
|
1221
|
+
-webkit-box-shadow: none;
|
|
1222
|
+
box-shadow: none;
|
|
1156
1223
|
color: rgba(255, 193, 7, 0.65);
|
|
1157
1224
|
border-color: #ffc107;
|
|
1158
1225
|
}
|
|
@@ -1162,7 +1229,8 @@
|
|
|
1162
1229
|
.e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-danger {
|
|
1163
1230
|
background: transparent;
|
|
1164
1231
|
border-color: rgba(220, 53, 69, 0.65);
|
|
1165
|
-
box-shadow: none;
|
|
1232
|
+
-webkit-box-shadow: none;
|
|
1233
|
+
box-shadow: none;
|
|
1166
1234
|
color: rgba(220, 53, 69, 0.65);
|
|
1167
1235
|
border-color: #dc3545;
|
|
1168
1236
|
}
|
|
@@ -1291,23 +1359,46 @@
|
|
|
1291
1359
|
}
|
|
1292
1360
|
|
|
1293
1361
|
/* stylelint-disable property-no-vendor-prefix */
|
|
1362
|
+
@-webkit-keyframes material-spinner-rotate {
|
|
1363
|
+
0% {
|
|
1364
|
+
-webkit-transform: rotate(0);
|
|
1365
|
+
transform: rotate(0);
|
|
1366
|
+
}
|
|
1367
|
+
100% {
|
|
1368
|
+
-webkit-transform: rotate(360deg);
|
|
1369
|
+
transform: rotate(360deg);
|
|
1370
|
+
}
|
|
1371
|
+
}
|
|
1294
1372
|
@keyframes material-spinner-rotate {
|
|
1295
1373
|
0% {
|
|
1374
|
+
-webkit-transform: rotate(0);
|
|
1296
1375
|
transform: rotate(0);
|
|
1297
1376
|
}
|
|
1298
1377
|
100% {
|
|
1378
|
+
-webkit-transform: rotate(360deg);
|
|
1379
|
+
transform: rotate(360deg);
|
|
1380
|
+
}
|
|
1381
|
+
}
|
|
1382
|
+
@-webkit-keyframes fabric-spinner-rotate {
|
|
1383
|
+
0% {
|
|
1384
|
+
-webkit-transform: rotate(0);
|
|
1385
|
+
transform: rotate(0);
|
|
1386
|
+
}
|
|
1387
|
+
100% {
|
|
1388
|
+
-webkit-transform: rotate(360deg);
|
|
1299
1389
|
transform: rotate(360deg);
|
|
1300
1390
|
}
|
|
1301
1391
|
}
|
|
1302
1392
|
@keyframes fabric-spinner-rotate {
|
|
1303
1393
|
0% {
|
|
1394
|
+
-webkit-transform: rotate(0);
|
|
1304
1395
|
transform: rotate(0);
|
|
1305
1396
|
}
|
|
1306
1397
|
100% {
|
|
1398
|
+
-webkit-transform: rotate(360deg);
|
|
1307
1399
|
transform: rotate(360deg);
|
|
1308
1400
|
}
|
|
1309
1401
|
}
|
|
1310
|
-
/*! Progress Button Layout */
|
|
1311
1402
|
.e-progress-btn {
|
|
1312
1403
|
position: relative;
|
|
1313
1404
|
}
|
|
@@ -1317,9 +1408,11 @@
|
|
|
1317
1408
|
opacity: 0;
|
|
1318
1409
|
position: absolute;
|
|
1319
1410
|
top: 0;
|
|
1411
|
+
-webkit-transition: opacity 0.3s linear;
|
|
1320
1412
|
transition: opacity 0.3s linear;
|
|
1321
1413
|
}
|
|
1322
1414
|
.e-progress-btn .e-spinner {
|
|
1415
|
+
-webkit-transition: all 0.3s linear;
|
|
1323
1416
|
transition: all 0.3s linear;
|
|
1324
1417
|
}
|
|
1325
1418
|
.e-progress-btn .e-btn-content {
|
|
@@ -1352,6 +1445,7 @@
|
|
|
1352
1445
|
opacity: 0;
|
|
1353
1446
|
}
|
|
1354
1447
|
.e-progress-btn.e-spin-top, .e-progress-btn.e-spin-bottom {
|
|
1448
|
+
-webkit-transition: padding 0.3s linear;
|
|
1355
1449
|
transition: padding 0.3s linear;
|
|
1356
1450
|
}
|
|
1357
1451
|
.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-top .e-btn-content,
|
|
@@ -1361,10 +1455,12 @@
|
|
|
1361
1455
|
line-height: 1;
|
|
1362
1456
|
}
|
|
1363
1457
|
.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-center .e-spinner {
|
|
1458
|
+
display: -webkit-box;
|
|
1364
1459
|
display: -ms-flexbox;
|
|
1365
1460
|
display: flex;
|
|
1366
|
-
-
|
|
1367
|
-
|
|
1461
|
+
-webkit-box-pack: center;
|
|
1462
|
+
-ms-flex-pack: center;
|
|
1463
|
+
justify-content: center;
|
|
1368
1464
|
}
|
|
1369
1465
|
.e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round) .e-spinner {
|
|
1370
1466
|
padding-right: 12px;
|
|
@@ -1450,21 +1546,35 @@
|
|
|
1450
1546
|
left: auto;
|
|
1451
1547
|
position: relative;
|
|
1452
1548
|
top: auto;
|
|
1453
|
-
transform: none;
|
|
1549
|
+
-webkit-transform: none;
|
|
1550
|
+
transform: none;
|
|
1454
1551
|
}
|
|
1455
1552
|
.e-progress-btn .e-cont-animate {
|
|
1456
|
-
-
|
|
1457
|
-
align
|
|
1553
|
+
-webkit-box-align: center;
|
|
1554
|
+
-ms-flex-align: center;
|
|
1555
|
+
align-items: center;
|
|
1556
|
+
display: -webkit-inline-box;
|
|
1458
1557
|
display: -ms-inline-flexbox;
|
|
1459
1558
|
display: inline-flex;
|
|
1460
1559
|
height: 100%;
|
|
1461
|
-
-
|
|
1462
|
-
|
|
1560
|
+
-webkit-box-pack: center;
|
|
1561
|
+
-ms-flex-pack: center;
|
|
1562
|
+
justify-content: center;
|
|
1463
1563
|
left: 0;
|
|
1464
1564
|
position: absolute;
|
|
1465
1565
|
top: 0;
|
|
1466
1566
|
width: 100%;
|
|
1467
1567
|
}
|
|
1568
|
+
@-webkit-keyframes ProgressSlideLeft {
|
|
1569
|
+
from {
|
|
1570
|
+
left: 0%;
|
|
1571
|
+
opacity: 1;
|
|
1572
|
+
}
|
|
1573
|
+
to {
|
|
1574
|
+
left: -100%;
|
|
1575
|
+
opacity: 0;
|
|
1576
|
+
}
|
|
1577
|
+
}
|
|
1468
1578
|
@keyframes ProgressSlideLeft {
|
|
1469
1579
|
from {
|
|
1470
1580
|
left: 0%;
|
|
@@ -1475,6 +1585,16 @@
|
|
|
1475
1585
|
opacity: 0;
|
|
1476
1586
|
}
|
|
1477
1587
|
}
|
|
1588
|
+
@-webkit-keyframes ProgressSlideRight {
|
|
1589
|
+
from {
|
|
1590
|
+
left: 0%;
|
|
1591
|
+
opacity: 1;
|
|
1592
|
+
}
|
|
1593
|
+
to {
|
|
1594
|
+
left: 100%;
|
|
1595
|
+
opacity: 0;
|
|
1596
|
+
}
|
|
1597
|
+
}
|
|
1478
1598
|
@keyframes ProgressSlideRight {
|
|
1479
1599
|
from {
|
|
1480
1600
|
left: 0%;
|
|
@@ -1485,6 +1605,18 @@
|
|
|
1485
1605
|
opacity: 0;
|
|
1486
1606
|
}
|
|
1487
1607
|
}
|
|
1608
|
+
@-webkit-keyframes ProgressSlideUp {
|
|
1609
|
+
from {
|
|
1610
|
+
height: auto;
|
|
1611
|
+
opacity: 1;
|
|
1612
|
+
top: 0;
|
|
1613
|
+
}
|
|
1614
|
+
to {
|
|
1615
|
+
height: auto;
|
|
1616
|
+
opacity: 0;
|
|
1617
|
+
top: -100px;
|
|
1618
|
+
}
|
|
1619
|
+
}
|
|
1488
1620
|
@keyframes ProgressSlideUp {
|
|
1489
1621
|
from {
|
|
1490
1622
|
height: auto;
|
|
@@ -1497,6 +1629,18 @@
|
|
|
1497
1629
|
top: -100px;
|
|
1498
1630
|
}
|
|
1499
1631
|
}
|
|
1632
|
+
@-webkit-keyframes ProgressSlideDown {
|
|
1633
|
+
from {
|
|
1634
|
+
height: auto;
|
|
1635
|
+
opacity: 1;
|
|
1636
|
+
top: 0;
|
|
1637
|
+
}
|
|
1638
|
+
to {
|
|
1639
|
+
height: auto;
|
|
1640
|
+
opacity: 0;
|
|
1641
|
+
top: 100px;
|
|
1642
|
+
}
|
|
1643
|
+
}
|
|
1500
1644
|
@keyframes ProgressSlideDown {
|
|
1501
1645
|
from {
|
|
1502
1646
|
height: auto;
|
|
@@ -1509,22 +1653,48 @@
|
|
|
1509
1653
|
top: 100px;
|
|
1510
1654
|
}
|
|
1511
1655
|
}
|
|
1656
|
+
@-webkit-keyframes ProgressZoomIn {
|
|
1657
|
+
from {
|
|
1658
|
+
opacity: 1;
|
|
1659
|
+
-webkit-transform: translate(0, 0) scale(1);
|
|
1660
|
+
transform: translate(0, 0) scale(1);
|
|
1661
|
+
}
|
|
1662
|
+
to {
|
|
1663
|
+
opacity: 0;
|
|
1664
|
+
-webkit-transform: translate(0, 0) scale(3);
|
|
1665
|
+
transform: translate(0, 0) scale(3);
|
|
1666
|
+
}
|
|
1667
|
+
}
|
|
1512
1668
|
@keyframes ProgressZoomIn {
|
|
1513
1669
|
from {
|
|
1514
1670
|
opacity: 1;
|
|
1515
|
-
transform: translate(0, 0) scale(1);
|
|
1671
|
+
-webkit-transform: translate(0, 0) scale(1);
|
|
1672
|
+
transform: translate(0, 0) scale(1);
|
|
1516
1673
|
}
|
|
1517
1674
|
to {
|
|
1518
1675
|
opacity: 0;
|
|
1519
|
-
transform: translate(0, 0) scale(3);
|
|
1676
|
+
-webkit-transform: translate(0, 0) scale(3);
|
|
1677
|
+
transform: translate(0, 0) scale(3);
|
|
1678
|
+
}
|
|
1679
|
+
}
|
|
1680
|
+
@-webkit-keyframes ProgressZoomOut {
|
|
1681
|
+
from {
|
|
1682
|
+
-webkit-transform: translate(0, 0) scale(1);
|
|
1683
|
+
transform: translate(0, 0) scale(1);
|
|
1684
|
+
}
|
|
1685
|
+
to {
|
|
1686
|
+
-webkit-transform: translate(0, 0) scale(0);
|
|
1687
|
+
transform: translate(0, 0) scale(0);
|
|
1520
1688
|
}
|
|
1521
1689
|
}
|
|
1522
1690
|
@keyframes ProgressZoomOut {
|
|
1523
1691
|
from {
|
|
1524
|
-
transform: translate(0, 0) scale(1);
|
|
1692
|
+
-webkit-transform: translate(0, 0) scale(1);
|
|
1693
|
+
transform: translate(0, 0) scale(1);
|
|
1525
1694
|
}
|
|
1526
1695
|
to {
|
|
1527
|
-
transform: translate(0, 0) scale(0);
|
|
1696
|
+
-webkit-transform: translate(0, 0) scale(0);
|
|
1697
|
+
transform: translate(0, 0) scale(0);
|
|
1528
1698
|
}
|
|
1529
1699
|
}
|
|
1530
1700
|
|
|
@@ -1779,7 +1949,10 @@
|
|
|
1779
1949
|
|
|
1780
1950
|
*.e-primary .e-progress,
|
|
1781
1951
|
*.e-success .e-progress,
|
|
1782
|
-
*.e-danger .e-progress
|
|
1952
|
+
*.e-danger .e-progress {
|
|
1953
|
+
background: rgba(255, 255, 255, 0.25);
|
|
1954
|
+
}
|
|
1955
|
+
|
|
1783
1956
|
*.e-info .e-progress {
|
|
1784
1957
|
background: rgba(255, 255, 255, 0.25);
|
|
1785
1958
|
}
|