@syncfusion/ej2-splitbuttons 19.4.48 → 20.1.55
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +1 -3
- package/README.md +1 -1
- 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 +9 -2
- package/dist/es6/ej2-splitbuttons.es2015.js.map +1 -1
- package/dist/es6/ej2-splitbuttons.es5.js +9 -2
- 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 +7 -7
- package/src/drop-down-button/drop-down-button.js +9 -2
- package/styles/bootstrap-dark.css +49 -375
- package/styles/bootstrap.css +49 -370
- package/styles/bootstrap4.css +57 -379
- package/styles/bootstrap5-dark.css +84 -389
- package/styles/bootstrap5.css +82 -387
- package/styles/button-group/_fluent-dark-definition.scss +1 -0
- package/styles/button-group/bootstrap-dark.css +1 -106
- package/styles/button-group/bootstrap.css +1 -100
- package/styles/button-group/bootstrap4.css +5 -111
- package/styles/button-group/bootstrap5-dark.css +3 -108
- package/styles/button-group/bootstrap5.css +1 -106
- package/styles/button-group/fabric-dark.css +1 -106
- package/styles/button-group/fabric.css +1 -106
- package/styles/button-group/fluent-dark.css +761 -0
- package/styles/button-group/fluent-dark.scss +4 -0
- package/styles/button-group/fluent.css +761 -0
- package/styles/button-group/fluent.scss +4 -0
- package/styles/button-group/highcontrast-light.css +1 -106
- package/styles/button-group/highcontrast.css +1 -118
- package/styles/button-group/material-dark.css +1 -106
- package/styles/button-group/material.css +1 -107
- package/styles/button-group/tailwind-dark.css +1 -102
- package/styles/button-group/tailwind.css +1 -102
- package/styles/drop-down-button/_bootstrap5-definition.scss +4 -4
- package/styles/drop-down-button/_fluent-dark-definition.scss +1 -0
- package/styles/drop-down-button/_fluent-definition.scss +5 -5
- package/styles/drop-down-button/_layout.scss +1 -1
- package/styles/drop-down-button/_tailwind-definition.scss +4 -4
- package/styles/drop-down-button/bootstrap-dark.css +2 -36
- package/styles/drop-down-button/bootstrap.css +2 -36
- package/styles/drop-down-button/bootstrap4.css +3 -36
- package/styles/drop-down-button/bootstrap5-dark.css +10 -43
- package/styles/drop-down-button/bootstrap5.css +10 -43
- package/styles/drop-down-button/fabric-dark.css +2 -36
- package/styles/drop-down-button/fabric.css +2 -36
- package/styles/drop-down-button/fluent-dark.css +213 -0
- package/styles/drop-down-button/fluent-dark.scss +6 -0
- package/styles/drop-down-button/fluent.css +213 -0
- package/styles/drop-down-button/fluent.scss +6 -0
- package/styles/drop-down-button/highcontrast-light.css +2 -36
- package/styles/drop-down-button/highcontrast.css +2 -36
- package/styles/drop-down-button/icons/_fluent-dark.scss +1 -0
- package/styles/drop-down-button/icons/_fluent.scss +1 -1
- package/styles/drop-down-button/icons/_tailwind-dark.scss +1 -1
- package/styles/drop-down-button/icons/_tailwind.scss +1 -1
- package/styles/drop-down-button/material-dark.css +2 -36
- package/styles/drop-down-button/material.css +2 -36
- package/styles/drop-down-button/tailwind-dark.css +9 -43
- package/styles/drop-down-button/tailwind.css +9 -43
- package/styles/fabric-dark.css +49 -375
- package/styles/fabric.css +49 -375
- package/styles/fluent-dark.css +1818 -0
- package/styles/fluent-dark.scss +4 -0
- package/styles/fluent.css +1818 -0
- package/styles/fluent.scss +4 -0
- package/styles/highcontrast-light.css +49 -375
- package/styles/highcontrast.css +49 -387
- package/styles/material-dark.css +49 -375
- package/styles/material.css +49 -376
- package/styles/progress-button/_bootstrap5-definition.scss +6 -6
- package/styles/progress-button/_fluent-dark-definition.scss +1 -0
- package/styles/progress-button/_fluent-definition.scss +2 -2
- package/styles/progress-button/_tailwind-definition.scss +5 -5
- package/styles/progress-button/_theme.scss +56 -11
- package/styles/progress-button/bootstrap-dark.css +48 -165
- package/styles/progress-button/bootstrap.css +48 -165
- package/styles/progress-button/bootstrap4.css +48 -165
- package/styles/progress-button/bootstrap5-dark.css +73 -174
- package/styles/progress-button/bootstrap5.css +73 -174
- package/styles/progress-button/fabric-dark.css +48 -165
- package/styles/progress-button/fabric.css +48 -165
- package/styles/progress-button/fluent-dark.css +544 -0
- package/styles/progress-button/fluent-dark.scss +5 -0
- package/styles/progress-button/fluent.css +544 -0
- package/styles/progress-button/fluent.scss +5 -0
- package/styles/progress-button/highcontrast-light.css +48 -165
- package/styles/progress-button/highcontrast.css +48 -165
- package/styles/progress-button/material-dark.css +48 -165
- package/styles/progress-button/material.css +48 -165
- package/styles/progress-button/tailwind-dark.css +68 -169
- package/styles/progress-button/tailwind.css +68 -169
- package/styles/split-button/_fluent-dark-definition.scss +1 -0
- package/styles/split-button/_fluent-definition.scss +2 -2
- package/styles/split-button/_layout.scss +32 -12
- package/styles/split-button/_tailwind-definition.scss +1 -1
- package/styles/split-button/bootstrap-dark.css +1 -71
- package/styles/split-button/bootstrap.css +1 -71
- package/styles/split-button/bootstrap4.css +4 -70
- package/styles/split-button/bootstrap5-dark.css +1 -67
- package/styles/split-button/bootstrap5.css +1 -67
- package/styles/split-button/fabric-dark.css +1 -71
- package/styles/split-button/fabric.css +1 -71
- package/styles/split-button/fluent-dark.css +297 -0
- package/styles/split-button/fluent-dark.scss +6 -0
- package/styles/split-button/fluent.css +297 -0
- package/styles/split-button/fluent.scss +6 -0
- package/styles/split-button/highcontrast-light.css +1 -71
- package/styles/split-button/highcontrast.css +1 -71
- package/styles/split-button/material-dark.css +1 -71
- package/styles/split-button/material.css +1 -71
- package/styles/split-button/tailwind-dark.css +10 -80
- package/styles/split-button/tailwind.css +10 -80
- package/styles/tailwind-dark.css +85 -392
- package/styles/tailwind.css +85 -392
|
@@ -5,7 +5,6 @@
|
|
|
5
5
|
white-space: nowrap;
|
|
6
6
|
width: min-content;
|
|
7
7
|
}
|
|
8
|
-
|
|
9
8
|
.e-split-btn-wrapper .e-split-btn {
|
|
10
9
|
border-bottom-right-radius: 0;
|
|
11
10
|
border-top-right-radius: 0;
|
|
@@ -14,47 +13,38 @@
|
|
|
14
13
|
padding-left: 10px;
|
|
15
14
|
padding-right: 10px;
|
|
16
15
|
}
|
|
17
|
-
|
|
18
16
|
.e-split-btn-wrapper .e-split-btn:focus {
|
|
19
17
|
outline-offset: 0;
|
|
20
18
|
}
|
|
21
|
-
|
|
22
19
|
.e-split-btn-wrapper .e-split-btn:focus {
|
|
23
20
|
box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
|
|
24
21
|
z-index: 2;
|
|
25
22
|
}
|
|
26
|
-
|
|
27
23
|
.e-split-btn-wrapper .e-split-btn:active {
|
|
28
24
|
box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
|
|
29
25
|
z-index: 2;
|
|
30
26
|
}
|
|
31
|
-
|
|
32
27
|
.e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
|
|
33
28
|
padding-bottom: 10px;
|
|
34
29
|
padding-top: 10px;
|
|
35
30
|
}
|
|
36
|
-
|
|
37
31
|
.e-split-btn-wrapper .e-split-btn .e-btn-icon {
|
|
38
32
|
font-size: 14px;
|
|
39
33
|
margin-left: 0;
|
|
40
34
|
padding-right: 8px;
|
|
41
35
|
width: auto;
|
|
42
36
|
}
|
|
43
|
-
|
|
44
37
|
.e-split-btn-wrapper .e-split-btn .e-icon-top {
|
|
45
38
|
padding-bottom: 4px;
|
|
46
39
|
padding-right: 0;
|
|
47
40
|
}
|
|
48
|
-
|
|
49
41
|
.e-split-btn-wrapper .e-split-btn.e-icon-btn {
|
|
50
42
|
padding-left: 10px;
|
|
51
43
|
padding-right: 10px;
|
|
52
44
|
}
|
|
53
|
-
|
|
54
45
|
.e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon {
|
|
55
46
|
padding-right: 0;
|
|
56
47
|
}
|
|
57
|
-
|
|
58
48
|
.e-split-btn-wrapper .e-dropdown-btn {
|
|
59
49
|
border-bottom-left-radius: 0;
|
|
60
50
|
border-top-left-radius: 0;
|
|
@@ -63,34 +53,27 @@
|
|
|
63
53
|
padding-right: 4px;
|
|
64
54
|
z-index: 1;
|
|
65
55
|
}
|
|
66
|
-
|
|
67
56
|
.e-split-btn-wrapper .e-dropdown-btn:active {
|
|
68
57
|
box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
|
|
69
58
|
z-index: 2;
|
|
70
59
|
}
|
|
71
|
-
|
|
72
60
|
.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 {
|
|
73
61
|
z-index: 0;
|
|
74
62
|
}
|
|
75
|
-
|
|
76
63
|
.e-split-btn-wrapper .e-dropdown-btn:focus {
|
|
77
64
|
outline-offset: 0;
|
|
78
65
|
}
|
|
79
|
-
|
|
80
66
|
.e-split-btn-wrapper .e-btn:focus {
|
|
81
67
|
box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
|
|
82
68
|
z-index: 2;
|
|
83
69
|
}
|
|
84
|
-
|
|
85
70
|
.e-split-btn-wrapper .e-btn:active {
|
|
86
71
|
box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
|
|
87
72
|
z-index: 2;
|
|
88
73
|
}
|
|
89
|
-
|
|
90
74
|
.e-split-btn-wrapper .e-btn:disabled {
|
|
91
75
|
box-shadow: none;
|
|
92
76
|
}
|
|
93
|
-
|
|
94
77
|
.e-split-btn-wrapper.e-rtl .e-split-btn {
|
|
95
78
|
border-bottom-left-radius: 0;
|
|
96
79
|
border-bottom-right-radius: 4px;
|
|
@@ -100,26 +83,21 @@
|
|
|
100
83
|
padding-left: 4px;
|
|
101
84
|
padding-right: 10px;
|
|
102
85
|
}
|
|
103
|
-
|
|
104
86
|
.e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon {
|
|
105
87
|
margin-right: 0;
|
|
106
88
|
padding-left: 8px;
|
|
107
89
|
padding-right: 0;
|
|
108
90
|
}
|
|
109
|
-
|
|
110
91
|
.e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top {
|
|
111
92
|
padding-left: 0;
|
|
112
93
|
}
|
|
113
|
-
|
|
114
94
|
.e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn {
|
|
115
95
|
padding-left: 10px;
|
|
116
96
|
padding-right: 10px;
|
|
117
97
|
}
|
|
118
|
-
|
|
119
98
|
.e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon {
|
|
120
99
|
padding-left: 0;
|
|
121
100
|
}
|
|
122
|
-
|
|
123
101
|
.e-split-btn-wrapper.e-rtl .e-dropdown-btn {
|
|
124
102
|
border-bottom-left-radius: 4px;
|
|
125
103
|
border-bottom-right-radius: 0;
|
|
@@ -127,17 +105,14 @@
|
|
|
127
105
|
border-top-right-radius: 0;
|
|
128
106
|
margin-left: 0;
|
|
129
107
|
}
|
|
130
|
-
|
|
131
108
|
.e-split-btn-wrapper.e-vertical {
|
|
132
109
|
display: inline-block;
|
|
133
110
|
}
|
|
134
|
-
|
|
135
111
|
.e-split-btn-wrapper.e-vertical .e-split-btn,
|
|
136
112
|
.e-split-btn-wrapper.e-vertical .e-dropdown-btn {
|
|
137
113
|
display: block;
|
|
138
114
|
width: 100%;
|
|
139
115
|
}
|
|
140
|
-
|
|
141
116
|
.e-split-btn-wrapper.e-vertical .e-split-btn {
|
|
142
117
|
border-bottom-left-radius: 0;
|
|
143
118
|
border-top-right-radius: 4px;
|
|
@@ -145,11 +120,9 @@
|
|
|
145
120
|
padding-bottom: 4px;
|
|
146
121
|
padding-right: 10px;
|
|
147
122
|
}
|
|
148
|
-
|
|
149
123
|
.e-split-btn-wrapper.e-vertical .e-split-btn .e-icon-top {
|
|
150
124
|
padding-bottom: 4px;
|
|
151
125
|
}
|
|
152
|
-
|
|
153
126
|
.e-split-btn-wrapper.e-vertical .e-dropdown-btn {
|
|
154
127
|
border-bottom-left-radius: 4px;
|
|
155
128
|
border-top-right-radius: 0;
|
|
@@ -159,17 +132,14 @@
|
|
|
159
132
|
padding-bottom: 4px;
|
|
160
133
|
padding-top: 4px;
|
|
161
134
|
}
|
|
162
|
-
|
|
163
135
|
.e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom {
|
|
164
136
|
padding-top: 0;
|
|
165
137
|
}
|
|
166
|
-
|
|
167
138
|
.e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
|
|
168
139
|
border-bottom-right-radius: 0;
|
|
169
140
|
border-top-left-radius: 4px;
|
|
170
141
|
margin-left: 0;
|
|
171
142
|
}
|
|
172
|
-
|
|
173
143
|
.e-split-btn-wrapper.e-vertical.e-rtl .e-dropdown-btn {
|
|
174
144
|
border-bottom-right-radius: 4px;
|
|
175
145
|
border-top-left-radius: 0;
|
|
@@ -180,13 +150,11 @@
|
|
|
180
150
|
padding-left: 12px;
|
|
181
151
|
padding-right: 6px;
|
|
182
152
|
}
|
|
183
|
-
|
|
184
153
|
.e-bigger .e-split-btn-wrapper .e-split-btn.e-top-icon-btn,
|
|
185
154
|
.e-bigger.e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
|
|
186
155
|
padding-bottom: 12px;
|
|
187
156
|
padding-top: 12px;
|
|
188
157
|
}
|
|
189
|
-
|
|
190
158
|
.e-bigger .e-split-btn-wrapper .e-split-btn .e-btn-icon,
|
|
191
159
|
.e-bigger.e-split-btn-wrapper .e-split-btn .e-btn-icon {
|
|
192
160
|
font-size: 16px;
|
|
@@ -194,70 +162,58 @@
|
|
|
194
162
|
padding-right: 10px;
|
|
195
163
|
width: auto;
|
|
196
164
|
}
|
|
197
|
-
|
|
198
165
|
.e-bigger .e-split-btn-wrapper .e-split-btn .e-icon-top,
|
|
199
166
|
.e-bigger.e-split-btn-wrapper .e-split-btn .e-icon-top {
|
|
200
167
|
padding-bottom: 6px;
|
|
201
168
|
padding-right: 0;
|
|
202
169
|
}
|
|
203
|
-
|
|
204
170
|
.e-bigger .e-split-btn-wrapper .e-split-btn.e-icon-btn,
|
|
205
171
|
.e-bigger.e-split-btn-wrapper .e-split-btn.e-icon-btn {
|
|
206
172
|
padding-left: 12px;
|
|
207
173
|
padding-right: 12px;
|
|
208
174
|
}
|
|
209
|
-
|
|
210
175
|
.e-bigger .e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon,
|
|
211
176
|
.e-bigger.e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon {
|
|
212
177
|
padding-right: 0;
|
|
213
178
|
}
|
|
214
|
-
|
|
215
179
|
.e-bigger .e-split-btn-wrapper .e-dropdown-btn,
|
|
216
180
|
.e-bigger.e-split-btn-wrapper .e-dropdown-btn {
|
|
217
181
|
padding-left: 4px;
|
|
218
182
|
padding-right: 4px;
|
|
219
183
|
}
|
|
220
|
-
|
|
221
184
|
.e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn,
|
|
222
185
|
.e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn {
|
|
223
186
|
padding-left: 6px;
|
|
224
187
|
padding-right: 12px;
|
|
225
188
|
}
|
|
226
|
-
|
|
227
189
|
.e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon,
|
|
228
190
|
.e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon {
|
|
229
191
|
padding-left: 10px;
|
|
230
192
|
padding-right: 0;
|
|
231
193
|
}
|
|
232
|
-
|
|
233
194
|
.e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top,
|
|
234
195
|
.e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top {
|
|
235
196
|
padding-left: 0;
|
|
236
197
|
}
|
|
237
|
-
|
|
238
198
|
.e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn,
|
|
239
199
|
.e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn {
|
|
240
200
|
padding-left: 12px;
|
|
241
201
|
padding-right: 12px;
|
|
242
202
|
}
|
|
243
|
-
|
|
244
203
|
.e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon,
|
|
245
204
|
.e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon {
|
|
246
205
|
padding-left: 0;
|
|
247
206
|
}
|
|
248
|
-
|
|
249
207
|
.e-bigger .e-split-btn-wrapper.e-vertical .e-split-btn,
|
|
250
208
|
.e-bigger.e-split-btn-wrapper.e-vertical .e-split-btn {
|
|
251
209
|
padding-bottom: 6px;
|
|
252
210
|
padding-right: 12px;
|
|
253
211
|
}
|
|
254
|
-
|
|
255
212
|
.e-bigger .e-split-btn-wrapper.e-vertical .e-dropdown-btn,
|
|
256
213
|
.e-bigger.e-split-btn-wrapper.e-vertical .e-dropdown-btn {
|
|
257
214
|
padding-bottom: 4px;
|
|
258
215
|
padding-top: 4px;
|
|
259
216
|
}
|
|
260
|
-
|
|
261
217
|
.e-bigger .e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom,
|
|
262
218
|
.e-bigger.e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom {
|
|
263
219
|
padding-top: 0;
|
|
@@ -267,101 +223,79 @@
|
|
|
267
223
|
.e-split-btn-wrapper .e-split-btn {
|
|
268
224
|
border-right-color: #6c757d;
|
|
269
225
|
}
|
|
270
|
-
|
|
271
226
|
.e-split-btn-wrapper .e-split-btn:focus {
|
|
272
227
|
border-right-color: #6c757d;
|
|
273
228
|
}
|
|
274
|
-
|
|
275
229
|
.e-split-btn-wrapper .e-split-btn:active {
|
|
276
230
|
border-right-color: #565e64;
|
|
277
231
|
}
|
|
278
|
-
|
|
279
232
|
.e-split-btn-wrapper .e-split-btn:disabled {
|
|
280
233
|
border-right-color: rgba(108, 117, 125, 0.65);
|
|
281
234
|
}
|
|
282
|
-
|
|
283
235
|
.e-split-btn-wrapper:hover :not(e-active) .e-split-btn {
|
|
284
236
|
border-right-color: #6c757d;
|
|
285
237
|
}
|
|
286
|
-
|
|
287
238
|
.e-split-btn-wrapper:hover :not(e-active) .e-split-btn:disabled {
|
|
288
239
|
border-right-color: rgba(108, 117, 125, 0.65);
|
|
289
240
|
}
|
|
290
|
-
|
|
291
241
|
.e-split-btn-wrapper.e-rtl .e-split-btn {
|
|
292
242
|
border-left-color: #6c757d;
|
|
293
243
|
border-right-color: #6c757d;
|
|
294
244
|
}
|
|
295
|
-
|
|
296
245
|
.e-split-btn-wrapper.e-rtl .e-split-btn:focus {
|
|
297
246
|
border-left-color: #6c757d;
|
|
298
247
|
border-right-color: #6c757d;
|
|
299
248
|
}
|
|
300
|
-
|
|
301
249
|
.e-split-btn-wrapper.e-rtl .e-split-btn:active {
|
|
302
250
|
border-left-color: #565e64;
|
|
303
251
|
border-right-color: #565e64;
|
|
304
252
|
}
|
|
305
|
-
|
|
306
253
|
.e-split-btn-wrapper.e-rtl .e-split-btn:disabled {
|
|
307
254
|
border-left-color: rgba(108, 117, 125, 0.65);
|
|
308
255
|
border-right-color: #6c757d;
|
|
309
256
|
}
|
|
310
|
-
|
|
311
257
|
.e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active) {
|
|
312
258
|
border-left-color: #6c757d;
|
|
313
259
|
border-right-color: #6c757d;
|
|
314
260
|
}
|
|
315
|
-
|
|
316
261
|
.e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active):disabled {
|
|
317
262
|
border-left-color: rgba(108, 117, 125, 0.65);
|
|
318
263
|
}
|
|
319
|
-
|
|
320
264
|
.e-split-btn-wrapper.e-vertical .e-split-btn {
|
|
321
265
|
border-bottom-color: #6c757d;
|
|
322
266
|
border-right-color: #6c757d;
|
|
323
267
|
}
|
|
324
|
-
|
|
325
268
|
.e-split-btn-wrapper.e-vertical .e-split-btn:focus {
|
|
326
269
|
border-bottom-color: #6c757d;
|
|
327
270
|
border-right-color: #6c757d;
|
|
328
271
|
}
|
|
329
|
-
|
|
330
272
|
.e-split-btn-wrapper.e-vertical .e-split-btn:active {
|
|
331
273
|
border-bottom-color: #565e64;
|
|
332
274
|
border-right-color: #565e64;
|
|
333
275
|
}
|
|
334
|
-
|
|
335
276
|
.e-split-btn-wrapper.e-vertical .e-split-btn:disabled {
|
|
336
277
|
border-bottom-color: rgba(108, 117, 125, 0.65);
|
|
337
278
|
border-right-color: #6c757d;
|
|
338
279
|
}
|
|
339
|
-
|
|
340
280
|
.e-split-btn-wrapper.e-vertical:hover .e-split-btn {
|
|
341
281
|
border-bottom-color: #6c757d;
|
|
342
282
|
border-right-color: #6c757d;
|
|
343
283
|
}
|
|
344
|
-
|
|
345
284
|
.e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled {
|
|
346
285
|
border-bottom-color: rgba(108, 117, 125, 0.65);
|
|
347
286
|
}
|
|
348
|
-
|
|
349
287
|
.e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
|
|
350
288
|
border-left-color: #6c757d;
|
|
351
289
|
}
|
|
352
|
-
|
|
353
290
|
.e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:focus {
|
|
354
291
|
border-left-color: #6c757d;
|
|
355
292
|
}
|
|
356
|
-
|
|
357
293
|
.e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:active {
|
|
358
294
|
border-left-color: #6c757d;
|
|
359
295
|
}
|
|
360
|
-
|
|
361
296
|
.e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:disabled {
|
|
362
297
|
border-left-color: #6c757d;
|
|
363
298
|
}
|
|
364
|
-
|
|
365
299
|
.e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn {
|
|
366
300
|
border-left-color: #6c757d;
|
|
367
|
-
}
|
|
301
|
+
}
|
|
@@ -5,7 +5,6 @@
|
|
|
5
5
|
white-space: nowrap;
|
|
6
6
|
width: min-content;
|
|
7
7
|
}
|
|
8
|
-
|
|
9
8
|
.e-split-btn-wrapper .e-split-btn {
|
|
10
9
|
border-bottom-right-radius: 0;
|
|
11
10
|
border-top-right-radius: 0;
|
|
@@ -14,47 +13,38 @@
|
|
|
14
13
|
padding-left: 10px;
|
|
15
14
|
padding-right: 10px;
|
|
16
15
|
}
|
|
17
|
-
|
|
18
16
|
.e-split-btn-wrapper .e-split-btn:focus {
|
|
19
17
|
outline-offset: 0;
|
|
20
18
|
}
|
|
21
|
-
|
|
22
19
|
.e-split-btn-wrapper .e-split-btn:focus {
|
|
23
20
|
box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
|
|
24
21
|
z-index: 2;
|
|
25
22
|
}
|
|
26
|
-
|
|
27
23
|
.e-split-btn-wrapper .e-split-btn:active {
|
|
28
24
|
box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
|
|
29
25
|
z-index: 2;
|
|
30
26
|
}
|
|
31
|
-
|
|
32
27
|
.e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
|
|
33
28
|
padding-bottom: 10px;
|
|
34
29
|
padding-top: 10px;
|
|
35
30
|
}
|
|
36
|
-
|
|
37
31
|
.e-split-btn-wrapper .e-split-btn .e-btn-icon {
|
|
38
32
|
font-size: 14px;
|
|
39
33
|
margin-left: 0;
|
|
40
34
|
padding-right: 8px;
|
|
41
35
|
width: auto;
|
|
42
36
|
}
|
|
43
|
-
|
|
44
37
|
.e-split-btn-wrapper .e-split-btn .e-icon-top {
|
|
45
38
|
padding-bottom: 4px;
|
|
46
39
|
padding-right: 0;
|
|
47
40
|
}
|
|
48
|
-
|
|
49
41
|
.e-split-btn-wrapper .e-split-btn.e-icon-btn {
|
|
50
42
|
padding-left: 10px;
|
|
51
43
|
padding-right: 10px;
|
|
52
44
|
}
|
|
53
|
-
|
|
54
45
|
.e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon {
|
|
55
46
|
padding-right: 0;
|
|
56
47
|
}
|
|
57
|
-
|
|
58
48
|
.e-split-btn-wrapper .e-dropdown-btn {
|
|
59
49
|
border-bottom-left-radius: 0;
|
|
60
50
|
border-top-left-radius: 0;
|
|
@@ -63,34 +53,27 @@
|
|
|
63
53
|
padding-right: 4px;
|
|
64
54
|
z-index: 1;
|
|
65
55
|
}
|
|
66
|
-
|
|
67
56
|
.e-split-btn-wrapper .e-dropdown-btn:active {
|
|
68
57
|
box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
|
|
69
58
|
z-index: 2;
|
|
70
59
|
}
|
|
71
|
-
|
|
72
60
|
.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 {
|
|
73
61
|
z-index: 0;
|
|
74
62
|
}
|
|
75
|
-
|
|
76
63
|
.e-split-btn-wrapper .e-dropdown-btn:focus {
|
|
77
64
|
outline-offset: 0;
|
|
78
65
|
}
|
|
79
|
-
|
|
80
66
|
.e-split-btn-wrapper .e-btn:focus {
|
|
81
67
|
box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
|
|
82
68
|
z-index: 2;
|
|
83
69
|
}
|
|
84
|
-
|
|
85
70
|
.e-split-btn-wrapper .e-btn:active {
|
|
86
71
|
box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
|
|
87
72
|
z-index: 2;
|
|
88
73
|
}
|
|
89
|
-
|
|
90
74
|
.e-split-btn-wrapper .e-btn:disabled {
|
|
91
75
|
box-shadow: none;
|
|
92
76
|
}
|
|
93
|
-
|
|
94
77
|
.e-split-btn-wrapper.e-rtl .e-split-btn {
|
|
95
78
|
border-bottom-left-radius: 0;
|
|
96
79
|
border-bottom-right-radius: 4px;
|
|
@@ -100,26 +83,21 @@
|
|
|
100
83
|
padding-left: 4px;
|
|
101
84
|
padding-right: 10px;
|
|
102
85
|
}
|
|
103
|
-
|
|
104
86
|
.e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon {
|
|
105
87
|
margin-right: 0;
|
|
106
88
|
padding-left: 8px;
|
|
107
89
|
padding-right: 0;
|
|
108
90
|
}
|
|
109
|
-
|
|
110
91
|
.e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top {
|
|
111
92
|
padding-left: 0;
|
|
112
93
|
}
|
|
113
|
-
|
|
114
94
|
.e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn {
|
|
115
95
|
padding-left: 10px;
|
|
116
96
|
padding-right: 10px;
|
|
117
97
|
}
|
|
118
|
-
|
|
119
98
|
.e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon {
|
|
120
99
|
padding-left: 0;
|
|
121
100
|
}
|
|
122
|
-
|
|
123
101
|
.e-split-btn-wrapper.e-rtl .e-dropdown-btn {
|
|
124
102
|
border-bottom-left-radius: 4px;
|
|
125
103
|
border-bottom-right-radius: 0;
|
|
@@ -127,17 +105,14 @@
|
|
|
127
105
|
border-top-right-radius: 0;
|
|
128
106
|
margin-left: 0;
|
|
129
107
|
}
|
|
130
|
-
|
|
131
108
|
.e-split-btn-wrapper.e-vertical {
|
|
132
109
|
display: inline-block;
|
|
133
110
|
}
|
|
134
|
-
|
|
135
111
|
.e-split-btn-wrapper.e-vertical .e-split-btn,
|
|
136
112
|
.e-split-btn-wrapper.e-vertical .e-dropdown-btn {
|
|
137
113
|
display: block;
|
|
138
114
|
width: 100%;
|
|
139
115
|
}
|
|
140
|
-
|
|
141
116
|
.e-split-btn-wrapper.e-vertical .e-split-btn {
|
|
142
117
|
border-bottom-left-radius: 0;
|
|
143
118
|
border-top-right-radius: 4px;
|
|
@@ -145,11 +120,9 @@
|
|
|
145
120
|
padding-bottom: 4px;
|
|
146
121
|
padding-right: 10px;
|
|
147
122
|
}
|
|
148
|
-
|
|
149
123
|
.e-split-btn-wrapper.e-vertical .e-split-btn .e-icon-top {
|
|
150
124
|
padding-bottom: 4px;
|
|
151
125
|
}
|
|
152
|
-
|
|
153
126
|
.e-split-btn-wrapper.e-vertical .e-dropdown-btn {
|
|
154
127
|
border-bottom-left-radius: 4px;
|
|
155
128
|
border-top-right-radius: 0;
|
|
@@ -159,17 +132,14 @@
|
|
|
159
132
|
padding-bottom: 4px;
|
|
160
133
|
padding-top: 4px;
|
|
161
134
|
}
|
|
162
|
-
|
|
163
135
|
.e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom {
|
|
164
136
|
padding-top: 0;
|
|
165
137
|
}
|
|
166
|
-
|
|
167
138
|
.e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
|
|
168
139
|
border-bottom-right-radius: 0;
|
|
169
140
|
border-top-left-radius: 4px;
|
|
170
141
|
margin-left: 0;
|
|
171
142
|
}
|
|
172
|
-
|
|
173
143
|
.e-split-btn-wrapper.e-vertical.e-rtl .e-dropdown-btn {
|
|
174
144
|
border-bottom-right-radius: 4px;
|
|
175
145
|
border-top-left-radius: 0;
|
|
@@ -180,13 +150,11 @@
|
|
|
180
150
|
padding-left: 12px;
|
|
181
151
|
padding-right: 6px;
|
|
182
152
|
}
|
|
183
|
-
|
|
184
153
|
.e-bigger .e-split-btn-wrapper .e-split-btn.e-top-icon-btn,
|
|
185
154
|
.e-bigger.e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
|
|
186
155
|
padding-bottom: 12px;
|
|
187
156
|
padding-top: 12px;
|
|
188
157
|
}
|
|
189
|
-
|
|
190
158
|
.e-bigger .e-split-btn-wrapper .e-split-btn .e-btn-icon,
|
|
191
159
|
.e-bigger.e-split-btn-wrapper .e-split-btn .e-btn-icon {
|
|
192
160
|
font-size: 16px;
|
|
@@ -194,70 +162,58 @@
|
|
|
194
162
|
padding-right: 10px;
|
|
195
163
|
width: auto;
|
|
196
164
|
}
|
|
197
|
-
|
|
198
165
|
.e-bigger .e-split-btn-wrapper .e-split-btn .e-icon-top,
|
|
199
166
|
.e-bigger.e-split-btn-wrapper .e-split-btn .e-icon-top {
|
|
200
167
|
padding-bottom: 6px;
|
|
201
168
|
padding-right: 0;
|
|
202
169
|
}
|
|
203
|
-
|
|
204
170
|
.e-bigger .e-split-btn-wrapper .e-split-btn.e-icon-btn,
|
|
205
171
|
.e-bigger.e-split-btn-wrapper .e-split-btn.e-icon-btn {
|
|
206
172
|
padding-left: 12px;
|
|
207
173
|
padding-right: 12px;
|
|
208
174
|
}
|
|
209
|
-
|
|
210
175
|
.e-bigger .e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon,
|
|
211
176
|
.e-bigger.e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon {
|
|
212
177
|
padding-right: 0;
|
|
213
178
|
}
|
|
214
|
-
|
|
215
179
|
.e-bigger .e-split-btn-wrapper .e-dropdown-btn,
|
|
216
180
|
.e-bigger.e-split-btn-wrapper .e-dropdown-btn {
|
|
217
181
|
padding-left: 4px;
|
|
218
182
|
padding-right: 4px;
|
|
219
183
|
}
|
|
220
|
-
|
|
221
184
|
.e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn,
|
|
222
185
|
.e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn {
|
|
223
186
|
padding-left: 6px;
|
|
224
187
|
padding-right: 12px;
|
|
225
188
|
}
|
|
226
|
-
|
|
227
189
|
.e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon,
|
|
228
190
|
.e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon {
|
|
229
191
|
padding-left: 10px;
|
|
230
192
|
padding-right: 0;
|
|
231
193
|
}
|
|
232
|
-
|
|
233
194
|
.e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top,
|
|
234
195
|
.e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top {
|
|
235
196
|
padding-left: 0;
|
|
236
197
|
}
|
|
237
|
-
|
|
238
198
|
.e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn,
|
|
239
199
|
.e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn {
|
|
240
200
|
padding-left: 12px;
|
|
241
201
|
padding-right: 12px;
|
|
242
202
|
}
|
|
243
|
-
|
|
244
203
|
.e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon,
|
|
245
204
|
.e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon {
|
|
246
205
|
padding-left: 0;
|
|
247
206
|
}
|
|
248
|
-
|
|
249
207
|
.e-bigger .e-split-btn-wrapper.e-vertical .e-split-btn,
|
|
250
208
|
.e-bigger.e-split-btn-wrapper.e-vertical .e-split-btn {
|
|
251
209
|
padding-bottom: 6px;
|
|
252
210
|
padding-right: 12px;
|
|
253
211
|
}
|
|
254
|
-
|
|
255
212
|
.e-bigger .e-split-btn-wrapper.e-vertical .e-dropdown-btn,
|
|
256
213
|
.e-bigger.e-split-btn-wrapper.e-vertical .e-dropdown-btn {
|
|
257
214
|
padding-bottom: 4px;
|
|
258
215
|
padding-top: 4px;
|
|
259
216
|
}
|
|
260
|
-
|
|
261
217
|
.e-bigger .e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom,
|
|
262
218
|
.e-bigger.e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom {
|
|
263
219
|
padding-top: 0;
|
|
@@ -267,101 +223,79 @@
|
|
|
267
223
|
.e-split-btn-wrapper .e-split-btn {
|
|
268
224
|
border-right-color: #6c757d;
|
|
269
225
|
}
|
|
270
|
-
|
|
271
226
|
.e-split-btn-wrapper .e-split-btn:focus {
|
|
272
227
|
border-right-color: #6c757d;
|
|
273
228
|
}
|
|
274
|
-
|
|
275
229
|
.e-split-btn-wrapper .e-split-btn:active {
|
|
276
230
|
border-right-color: #565e64;
|
|
277
231
|
}
|
|
278
|
-
|
|
279
232
|
.e-split-btn-wrapper .e-split-btn:disabled {
|
|
280
233
|
border-right-color: rgba(108, 117, 125, 0.65);
|
|
281
234
|
}
|
|
282
|
-
|
|
283
235
|
.e-split-btn-wrapper:hover :not(e-active) .e-split-btn {
|
|
284
236
|
border-right-color: #6c757d;
|
|
285
237
|
}
|
|
286
|
-
|
|
287
238
|
.e-split-btn-wrapper:hover :not(e-active) .e-split-btn:disabled {
|
|
288
239
|
border-right-color: rgba(108, 117, 125, 0.65);
|
|
289
240
|
}
|
|
290
|
-
|
|
291
241
|
.e-split-btn-wrapper.e-rtl .e-split-btn {
|
|
292
242
|
border-left-color: #6c757d;
|
|
293
243
|
border-right-color: #6c757d;
|
|
294
244
|
}
|
|
295
|
-
|
|
296
245
|
.e-split-btn-wrapper.e-rtl .e-split-btn:focus {
|
|
297
246
|
border-left-color: #6c757d;
|
|
298
247
|
border-right-color: #6c757d;
|
|
299
248
|
}
|
|
300
|
-
|
|
301
249
|
.e-split-btn-wrapper.e-rtl .e-split-btn:active {
|
|
302
250
|
border-left-color: #565e64;
|
|
303
251
|
border-right-color: #565e64;
|
|
304
252
|
}
|
|
305
|
-
|
|
306
253
|
.e-split-btn-wrapper.e-rtl .e-split-btn:disabled {
|
|
307
254
|
border-left-color: rgba(108, 117, 125, 0.65);
|
|
308
255
|
border-right-color: #6c757d;
|
|
309
256
|
}
|
|
310
|
-
|
|
311
257
|
.e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active) {
|
|
312
258
|
border-left-color: #6c757d;
|
|
313
259
|
border-right-color: #6c757d;
|
|
314
260
|
}
|
|
315
|
-
|
|
316
261
|
.e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active):disabled {
|
|
317
262
|
border-left-color: rgba(108, 117, 125, 0.65);
|
|
318
263
|
}
|
|
319
|
-
|
|
320
264
|
.e-split-btn-wrapper.e-vertical .e-split-btn {
|
|
321
265
|
border-bottom-color: #6c757d;
|
|
322
266
|
border-right-color: #6c757d;
|
|
323
267
|
}
|
|
324
|
-
|
|
325
268
|
.e-split-btn-wrapper.e-vertical .e-split-btn:focus {
|
|
326
269
|
border-bottom-color: #6c757d;
|
|
327
270
|
border-right-color: #6c757d;
|
|
328
271
|
}
|
|
329
|
-
|
|
330
272
|
.e-split-btn-wrapper.e-vertical .e-split-btn:active {
|
|
331
273
|
border-bottom-color: #565e64;
|
|
332
274
|
border-right-color: #565e64;
|
|
333
275
|
}
|
|
334
|
-
|
|
335
276
|
.e-split-btn-wrapper.e-vertical .e-split-btn:disabled {
|
|
336
277
|
border-bottom-color: rgba(108, 117, 125, 0.65);
|
|
337
278
|
border-right-color: #6c757d;
|
|
338
279
|
}
|
|
339
|
-
|
|
340
280
|
.e-split-btn-wrapper.e-vertical:hover .e-split-btn {
|
|
341
281
|
border-bottom-color: #6c757d;
|
|
342
282
|
border-right-color: #6c757d;
|
|
343
283
|
}
|
|
344
|
-
|
|
345
284
|
.e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled {
|
|
346
285
|
border-bottom-color: rgba(108, 117, 125, 0.65);
|
|
347
286
|
}
|
|
348
|
-
|
|
349
287
|
.e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
|
|
350
288
|
border-left-color: #6c757d;
|
|
351
289
|
}
|
|
352
|
-
|
|
353
290
|
.e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:focus {
|
|
354
291
|
border-left-color: #6c757d;
|
|
355
292
|
}
|
|
356
|
-
|
|
357
293
|
.e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:active {
|
|
358
294
|
border-left-color: #6c757d;
|
|
359
295
|
}
|
|
360
|
-
|
|
361
296
|
.e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:disabled {
|
|
362
297
|
border-left-color: #6c757d;
|
|
363
298
|
}
|
|
364
|
-
|
|
365
299
|
.e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn {
|
|
366
300
|
border-left-color: #6c757d;
|
|
367
|
-
}
|
|
301
|
+
}
|