@syncfusion/ej2-splitbuttons 20.1.55 → 20.2.38
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 +0 -6
- 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 +3 -2
- package/dist/es6/ej2-splitbuttons.es2015.js.map +1 -1
- package/dist/es6/ej2-splitbuttons.es5.js +3 -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/helpers/e2e/dropdownbuttonHelper.js +55 -38
- package/helpers/e2e/index.js +10 -8
- package/helpers/e2e/progressbuttonHelper.js +52 -35
- package/helpers/e2e/splitbuttonHelper.js +58 -41
- package/package.json +7 -7
- package/src/drop-down-button/drop-down-button.js +3 -2
- package/styles/bootstrap-dark.css +0 -8
- package/styles/bootstrap.css +0 -8
- package/styles/bootstrap4.css +0 -8
- package/styles/bootstrap5-dark.css +14 -0
- package/styles/bootstrap5.css +14 -0
- package/styles/button-group/_fusionnew-definition.scss +31 -0
- package/styles/button-group/_layout.scss +1 -1
- package/styles/button-group/_material3-definition.scss +31 -0
- package/styles/button-group/_theme.scss +48 -12
- package/styles/button-group/bootstrap-dark.css +0 -8
- package/styles/button-group/bootstrap.css +0 -8
- package/styles/button-group/bootstrap4.css +0 -8
- package/styles/button-group/bootstrap5-dark.css +12 -0
- package/styles/button-group/bootstrap5.css +12 -0
- package/styles/button-group/fabric-dark.css +0 -8
- package/styles/button-group/fabric.css +0 -8
- package/styles/button-group/fluent-dark.css +15 -23
- package/styles/button-group/fluent.css +0 -8
- package/styles/button-group/highcontrast-light.css +0 -8
- package/styles/button-group/highcontrast.css +0 -8
- package/styles/button-group/material-dark.css +0 -8
- package/styles/button-group/material.css +0 -8
- package/styles/button-group/tailwind-dark.css +8 -12
- package/styles/button-group/tailwind.css +8 -12
- package/styles/drop-down-button/_fusionnew-definition.scss +51 -0
- package/styles/drop-down-button/_layout.scss +4 -2
- package/styles/drop-down-button/_material3-definition.scss +51 -0
- package/styles/drop-down-button/bootstrap5-dark.css +2 -0
- package/styles/drop-down-button/bootstrap5.css +2 -0
- package/styles/drop-down-button/icons/_fusionnew.scss +10 -0
- package/styles/drop-down-button/icons/_material3.scss +10 -0
- package/styles/drop-down-button/tailwind-dark.css +2 -0
- package/styles/drop-down-button/tailwind.css +2 -0
- package/styles/fabric-dark.css +0 -8
- package/styles/fabric.css +0 -8
- package/styles/fluent-dark.css +41 -49
- package/styles/fluent.css +1 -9
- package/styles/highcontrast-light.css +0 -8
- package/styles/highcontrast.css +0 -8
- package/styles/material-dark.css +0 -8
- package/styles/material.css +0 -8
- package/styles/progress-button/_fluent-definition.scss +1 -1
- package/styles/progress-button/_fusionnew-definition.scss +21 -0
- package/styles/progress-button/_material3-definition.scss +21 -0
- package/styles/progress-button/fluent-dark.css +26 -26
- package/styles/progress-button/fluent.css +1 -1
- package/styles/split-button/_fusionnew-definition.scss +25 -0
- package/styles/split-button/_material3-definition.scss +25 -0
- package/styles/tailwind-dark.css +10 -12
- package/styles/tailwind.css +10 -12
|
@@ -8,6 +8,14 @@
|
|
|
8
8
|
flex-direction: row;
|
|
9
9
|
position: relative;
|
|
10
10
|
}
|
|
11
|
+
*.e-btn-group input:focus + label.e-btn,
|
|
12
|
+
*.e-btn-group .e-btn:focus,
|
|
13
|
+
*.e-btn-group .e-btn:hover,
|
|
14
|
+
*.e-css.e-btn-group input:focus + label.e-btn,
|
|
15
|
+
*.e-css.e-btn-group .e-btn:focus,
|
|
16
|
+
*.e-css.e-btn-group .e-btn:hover {
|
|
17
|
+
z-index: 2;
|
|
18
|
+
}
|
|
11
19
|
*.e-btn-group input + label.e-btn,
|
|
12
20
|
*.e-css.e-btn-group input + label.e-btn {
|
|
13
21
|
margin-bottom: 0;
|
|
@@ -253,7 +261,6 @@
|
|
|
253
261
|
outline: #1f2937 0 solid;
|
|
254
262
|
outline-offset: 0;
|
|
255
263
|
box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
|
|
256
|
-
box-shadow: none;
|
|
257
264
|
outline-color: inherit;
|
|
258
265
|
}
|
|
259
266
|
.e-btn-group .e-btn:focus.e-primary,
|
|
@@ -265,7 +272,6 @@
|
|
|
265
272
|
color: #000;
|
|
266
273
|
outline: #1f2937 0 solid;
|
|
267
274
|
box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
|
|
268
|
-
box-shadow: none;
|
|
269
275
|
outline-color: inherit;
|
|
270
276
|
}
|
|
271
277
|
.e-btn-group .e-btn:focus.e-success,
|
|
@@ -276,7 +282,6 @@
|
|
|
276
282
|
border-color: #22c55e;
|
|
277
283
|
color: #000;
|
|
278
284
|
box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
|
|
279
|
-
box-shadow: none;
|
|
280
285
|
outline-color: inherit;
|
|
281
286
|
}
|
|
282
287
|
.e-btn-group .e-btn:focus.e-info,
|
|
@@ -287,7 +292,6 @@
|
|
|
287
292
|
border-color: #0ea5e9;
|
|
288
293
|
color: #fff;
|
|
289
294
|
box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
|
|
290
|
-
box-shadow: none;
|
|
291
295
|
outline-color: inherit;
|
|
292
296
|
}
|
|
293
297
|
.e-btn-group .e-btn:focus.e-warning,
|
|
@@ -298,7 +302,6 @@
|
|
|
298
302
|
border-color: #ea580c;
|
|
299
303
|
color: #fff;
|
|
300
304
|
box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
|
|
301
|
-
box-shadow: none;
|
|
302
305
|
outline-color: inherit;
|
|
303
306
|
}
|
|
304
307
|
.e-btn-group .e-btn:focus.e-danger,
|
|
@@ -309,7 +312,6 @@
|
|
|
309
312
|
border-color: #f87171;
|
|
310
313
|
color: #000;
|
|
311
314
|
box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
|
|
312
|
-
box-shadow: none;
|
|
313
315
|
outline-color: inherit;
|
|
314
316
|
}
|
|
315
317
|
.e-btn-group .e-btn:focus.e-link,
|
|
@@ -329,42 +331,36 @@
|
|
|
329
331
|
.e-css.e-btn-group .e-btn:focus.e-outline,
|
|
330
332
|
.e-css.e-btn-group input:focus + label.e-btn.e-outline {
|
|
331
333
|
box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
|
|
332
|
-
box-shadow: none;
|
|
333
334
|
}
|
|
334
335
|
.e-btn-group .e-btn:focus.e-outline.e-primary,
|
|
335
336
|
.e-btn-group input:focus + label.e-btn.e-outline.e-primary,
|
|
336
337
|
.e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
|
|
337
338
|
.e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
|
|
338
339
|
box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
|
|
339
|
-
box-shadow: none;
|
|
340
340
|
}
|
|
341
341
|
.e-btn-group .e-btn:focus.e-outline.e-success,
|
|
342
342
|
.e-btn-group input:focus + label.e-btn.e-outline.e-success,
|
|
343
343
|
.e-css.e-btn-group .e-btn:focus.e-outline.e-success,
|
|
344
344
|
.e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
|
|
345
345
|
box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
|
|
346
|
-
box-shadow: none;
|
|
347
346
|
}
|
|
348
347
|
.e-btn-group .e-btn:focus.e-outline.e-info,
|
|
349
348
|
.e-btn-group input:focus + label.e-btn.e-outline.e-info,
|
|
350
349
|
.e-css.e-btn-group .e-btn:focus.e-outline.e-info,
|
|
351
350
|
.e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
|
|
352
351
|
box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
|
|
353
|
-
box-shadow: none;
|
|
354
352
|
}
|
|
355
353
|
.e-btn-group .e-btn:focus.e-outline.e-warning,
|
|
356
354
|
.e-btn-group input:focus + label.e-btn.e-outline.e-warning,
|
|
357
355
|
.e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
|
|
358
356
|
.e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
|
|
359
357
|
box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
|
|
360
|
-
box-shadow: none;
|
|
361
358
|
}
|
|
362
359
|
.e-btn-group .e-btn:focus.e-outline.e-danger,
|
|
363
360
|
.e-btn-group input:focus + label.e-btn.e-outline.e-danger,
|
|
364
361
|
.e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
|
|
365
362
|
.e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
|
|
366
363
|
box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
|
|
367
|
-
box-shadow: none;
|
|
368
364
|
}
|
|
369
365
|
.e-btn-group .e-btn:active,
|
|
370
366
|
.e-btn-group input:active + label.e-btn,
|
|
@@ -8,6 +8,14 @@
|
|
|
8
8
|
flex-direction: row;
|
|
9
9
|
position: relative;
|
|
10
10
|
}
|
|
11
|
+
*.e-btn-group input:focus + label.e-btn,
|
|
12
|
+
*.e-btn-group .e-btn:focus,
|
|
13
|
+
*.e-btn-group .e-btn:hover,
|
|
14
|
+
*.e-css.e-btn-group input:focus + label.e-btn,
|
|
15
|
+
*.e-css.e-btn-group .e-btn:focus,
|
|
16
|
+
*.e-css.e-btn-group .e-btn:hover {
|
|
17
|
+
z-index: 2;
|
|
18
|
+
}
|
|
11
19
|
*.e-btn-group input + label.e-btn,
|
|
12
20
|
*.e-css.e-btn-group input + label.e-btn {
|
|
13
21
|
margin-bottom: 0;
|
|
@@ -253,7 +261,6 @@
|
|
|
253
261
|
outline: #fff 0 solid;
|
|
254
262
|
outline-offset: 0;
|
|
255
263
|
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
|
|
256
|
-
box-shadow: none;
|
|
257
264
|
outline-color: inherit;
|
|
258
265
|
}
|
|
259
266
|
.e-btn-group .e-btn:focus.e-primary,
|
|
@@ -265,7 +272,6 @@
|
|
|
265
272
|
color: #fff;
|
|
266
273
|
outline: #fff 0 solid;
|
|
267
274
|
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
|
|
268
|
-
box-shadow: none;
|
|
269
275
|
outline-color: inherit;
|
|
270
276
|
}
|
|
271
277
|
.e-btn-group .e-btn:focus.e-success,
|
|
@@ -276,7 +282,6 @@
|
|
|
276
282
|
border-color: #15803d;
|
|
277
283
|
color: #fff;
|
|
278
284
|
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
|
|
279
|
-
box-shadow: none;
|
|
280
285
|
outline-color: inherit;
|
|
281
286
|
}
|
|
282
287
|
.e-btn-group .e-btn:focus.e-info,
|
|
@@ -287,7 +292,6 @@
|
|
|
287
292
|
border-color: #0e7490;
|
|
288
293
|
color: #fff;
|
|
289
294
|
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
|
|
290
|
-
box-shadow: none;
|
|
291
295
|
outline-color: inherit;
|
|
292
296
|
}
|
|
293
297
|
.e-btn-group .e-btn:focus.e-warning,
|
|
@@ -298,7 +302,6 @@
|
|
|
298
302
|
border-color: #c2410c;
|
|
299
303
|
color: #fff;
|
|
300
304
|
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
|
|
301
|
-
box-shadow: none;
|
|
302
305
|
outline-color: inherit;
|
|
303
306
|
}
|
|
304
307
|
.e-btn-group .e-btn:focus.e-danger,
|
|
@@ -309,7 +312,6 @@
|
|
|
309
312
|
border-color: #dc2626;
|
|
310
313
|
color: #fff;
|
|
311
314
|
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
|
|
312
|
-
box-shadow: none;
|
|
313
315
|
outline-color: inherit;
|
|
314
316
|
}
|
|
315
317
|
.e-btn-group .e-btn:focus.e-link,
|
|
@@ -329,42 +331,36 @@
|
|
|
329
331
|
.e-css.e-btn-group .e-btn:focus.e-outline,
|
|
330
332
|
.e-css.e-btn-group input:focus + label.e-btn.e-outline {
|
|
331
333
|
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
|
|
332
|
-
box-shadow: none;
|
|
333
334
|
}
|
|
334
335
|
.e-btn-group .e-btn:focus.e-outline.e-primary,
|
|
335
336
|
.e-btn-group input:focus + label.e-btn.e-outline.e-primary,
|
|
336
337
|
.e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
|
|
337
338
|
.e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
|
|
338
339
|
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
|
|
339
|
-
box-shadow: none;
|
|
340
340
|
}
|
|
341
341
|
.e-btn-group .e-btn:focus.e-outline.e-success,
|
|
342
342
|
.e-btn-group input:focus + label.e-btn.e-outline.e-success,
|
|
343
343
|
.e-css.e-btn-group .e-btn:focus.e-outline.e-success,
|
|
344
344
|
.e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
|
|
345
345
|
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
|
|
346
|
-
box-shadow: none;
|
|
347
346
|
}
|
|
348
347
|
.e-btn-group .e-btn:focus.e-outline.e-info,
|
|
349
348
|
.e-btn-group input:focus + label.e-btn.e-outline.e-info,
|
|
350
349
|
.e-css.e-btn-group .e-btn:focus.e-outline.e-info,
|
|
351
350
|
.e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
|
|
352
351
|
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
|
|
353
|
-
box-shadow: none;
|
|
354
352
|
}
|
|
355
353
|
.e-btn-group .e-btn:focus.e-outline.e-warning,
|
|
356
354
|
.e-btn-group input:focus + label.e-btn.e-outline.e-warning,
|
|
357
355
|
.e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
|
|
358
356
|
.e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
|
|
359
357
|
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
|
|
360
|
-
box-shadow: none;
|
|
361
358
|
}
|
|
362
359
|
.e-btn-group .e-btn:focus.e-outline.e-danger,
|
|
363
360
|
.e-btn-group input:focus + label.e-btn.e-outline.e-danger,
|
|
364
361
|
.e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
|
|
365
362
|
.e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
|
|
366
363
|
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
|
|
367
|
-
box-shadow: none;
|
|
368
364
|
}
|
|
369
365
|
.e-btn-group .e-btn:active,
|
|
370
366
|
.e-btn-group input:active + label.e-btn,
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
//layout variables
|
|
2
|
+
$drop-down-btn-arrow-content: '\e70d' !default;
|
|
3
|
+
$drop-down-btn-vertical-btn-padding: 6px 12px !default;
|
|
4
|
+
$drop-down-btn-vertical-bigger-padding: 8px 16px !default;
|
|
5
|
+
$drop-down-btn-bigger-font-size: $text-base !default;
|
|
6
|
+
$drop-down-btn-bigger-li-height: 32px !default;
|
|
7
|
+
$drop-down-btn-bigger-max-width: 202px !default;
|
|
8
|
+
$drop-down-btn-bigger-min-width: 112px !default;
|
|
9
|
+
$drop-down-btn-icon-font-size: 14px !default;
|
|
10
|
+
$drop-down-btn-icon-margin-right: 11px !default;
|
|
11
|
+
$drop-down-btn-bigger-icon-margin-right: 12px !default;
|
|
12
|
+
$drop-down-btn-li-border-width: 1px !default;
|
|
13
|
+
$drop-down-btn-li-height: 30px !default;
|
|
14
|
+
$drop-down-btn-li-padding: 0 12px !default;
|
|
15
|
+
$drop-down-btn-bigger-li-padding: 0 16px !default;
|
|
16
|
+
$drop-down-btn-small-li-padding: 0 8px !default;
|
|
17
|
+
$drop-down-btn-max-width: 178px !default;
|
|
18
|
+
$drop-down-btn-menu-icon-bigger-font-size: 22px !default;
|
|
19
|
+
$drop-down-btn-menu-icon-font-size: 18px !default;
|
|
20
|
+
$drop-down-btn-min-width: 120px !default;
|
|
21
|
+
$drop-down-btn-seperator-padding: 3px 0 !default;
|
|
22
|
+
$drop-down-btn-sub-ul-box-shadow: none !default;
|
|
23
|
+
$drop-down-btn-ul-border-radius: 4px !default;
|
|
24
|
+
$drop-down-btn-ul-padding: 4px 0 !default;
|
|
25
|
+
$drop-down-btn-ul-bigger-padding: 8px 0 !default;
|
|
26
|
+
$drop-down-btn-ul-small-padding: 4px 0 !default;
|
|
27
|
+
$drop-down-btn-caret-icon-font-size: 10px !default;
|
|
28
|
+
$drop-down-btn-icon-font-size-bigger: 16px !default;
|
|
29
|
+
$drop-down-btn-caret-icon-font-size-bigger: 12px !default;
|
|
30
|
+
$drop-down-btn-box-shadow: $secondary-shadow-focus !default;
|
|
31
|
+
$drop-down-btn-popup-margin-top: 2px !default;
|
|
32
|
+
$drop-down-btn-bigger-popup-margin-top: 4px !default;
|
|
33
|
+
$drop-down-btn-ul-border: 1px solid $border-light !default;
|
|
34
|
+
$drop-down-btn-li-box-shadow: none !default;
|
|
35
|
+
$drop-down-btn-li-border-style: solid !default;
|
|
36
|
+
$drop-down-btn-color: $content-text-color !default;
|
|
37
|
+
$drop-down-btn-disable-text: $secondary-text-color-disabled !default;
|
|
38
|
+
$drop-down-btn-font-size: $text-sm !default;
|
|
39
|
+
$drop-down-btn-font-weight: $font-weight-normal !default;
|
|
40
|
+
$drop-down-btn-li-bgcolor: $content-bg-color-hover !default;
|
|
41
|
+
$drop-down-btn-ul-bgcolor: $flyout-bg-color !default;
|
|
42
|
+
$drop-down-btn-li-border-color: $border-light !default;
|
|
43
|
+
$drop-down-btn-selected-color: $content-text-color-selected !default;
|
|
44
|
+
$drop-down-btn-parent-ul-box-shadow: none !default;
|
|
45
|
+
$drop-down-btn-li-focus-bgcolor: $content-bg-color-hover !default;
|
|
46
|
+
$drop-down-btn-li-selection-bgcolor: $content-bg-color-selected !default;
|
|
47
|
+
$drop-down-btn-li-selection-font-color: $content-text-color !default;
|
|
48
|
+
$drop-down-btn-menu-icon-color: $icon-color !default;
|
|
49
|
+
$drop-down-btn-menu-icon-disabled-color: $secondary-text-color-disabled !default;
|
|
50
|
+
$drop-down-btn-li-hover-bgcolor: $flyout-bg-color-hover !default;
|
|
51
|
+
|
|
@@ -87,7 +87,8 @@
|
|
|
87
87
|
|
|
88
88
|
.e-dropdown-popup {
|
|
89
89
|
position: absolute;
|
|
90
|
-
@if $skin-name == 'tailwind' or $skin-name == 'bootstrap5' {
|
|
90
|
+
@if $skin-name == 'tailwind' or $skin-name == 'bootstrap5' or $theme-name == 'tailwind-dark' or $theme-name == 'bootstrap5-dark' {
|
|
91
|
+
border-radius: $drop-down-btn-ul-border-radius;
|
|
91
92
|
margin-top: $drop-down-btn-popup-margin-top;
|
|
92
93
|
}
|
|
93
94
|
|
|
@@ -175,8 +176,9 @@
|
|
|
175
176
|
}
|
|
176
177
|
|
|
177
178
|
#{if(&, '&', '*')}.e-bigger .e-dropdown-popup {
|
|
178
|
-
@if $skin-name == 'tailwind' or $skin-name == 'bootstrap5' {
|
|
179
|
+
@if $skin-name == 'tailwind' or $skin-name == 'bootstrap5' or $theme-name == 'tailwind-dark' or $theme-name == 'bootstrap5-dark' {
|
|
179
180
|
background-color: transparent;
|
|
181
|
+
border-radius: $drop-down-btn-ul-border-radius;
|
|
180
182
|
}
|
|
181
183
|
}
|
|
182
184
|
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
//layout variables
|
|
2
|
+
$drop-down-btn-arrow-content: '\e70d' !default;
|
|
3
|
+
$drop-down-btn-vertical-btn-padding: 6px 12px !default;
|
|
4
|
+
$drop-down-btn-vertical-bigger-padding: 8px 16px !default;
|
|
5
|
+
$drop-down-btn-bigger-font-size: $text-base !default;
|
|
6
|
+
$drop-down-btn-bigger-li-height: 32px !default;
|
|
7
|
+
$drop-down-btn-bigger-max-width: 202px !default;
|
|
8
|
+
$drop-down-btn-bigger-min-width: 112px !default;
|
|
9
|
+
$drop-down-btn-icon-font-size: 14px !default;
|
|
10
|
+
$drop-down-btn-icon-margin-right: 11px !default;
|
|
11
|
+
$drop-down-btn-bigger-icon-margin-right: 12px !default;
|
|
12
|
+
$drop-down-btn-li-border-width: 1px !default;
|
|
13
|
+
$drop-down-btn-li-height: 30px !default;
|
|
14
|
+
$drop-down-btn-li-padding: 0 12px !default;
|
|
15
|
+
$drop-down-btn-bigger-li-padding: 0 16px !default;
|
|
16
|
+
$drop-down-btn-small-li-padding: 0 8px !default;
|
|
17
|
+
$drop-down-btn-max-width: 178px !default;
|
|
18
|
+
$drop-down-btn-menu-icon-bigger-font-size: 22px !default;
|
|
19
|
+
$drop-down-btn-menu-icon-font-size: 18px !default;
|
|
20
|
+
$drop-down-btn-min-width: 120px !default;
|
|
21
|
+
$drop-down-btn-seperator-padding: 3px 0 !default;
|
|
22
|
+
$drop-down-btn-sub-ul-box-shadow: none !default;
|
|
23
|
+
$drop-down-btn-ul-border-radius: 4px !default;
|
|
24
|
+
$drop-down-btn-ul-padding: 4px 0 !default;
|
|
25
|
+
$drop-down-btn-ul-bigger-padding: 8px 0 !default;
|
|
26
|
+
$drop-down-btn-ul-small-padding: 4px 0 !default;
|
|
27
|
+
$drop-down-btn-caret-icon-font-size: 10px !default;
|
|
28
|
+
$drop-down-btn-icon-font-size-bigger: 16px !default;
|
|
29
|
+
$drop-down-btn-caret-icon-font-size-bigger: 12px !default;
|
|
30
|
+
$drop-down-btn-box-shadow: $secondary-shadow-focus !default;
|
|
31
|
+
$drop-down-btn-popup-margin-top: 2px !default;
|
|
32
|
+
$drop-down-btn-bigger-popup-margin-top: 4px !default;
|
|
33
|
+
$drop-down-btn-ul-border: 1px solid $border-light !default;
|
|
34
|
+
$drop-down-btn-li-box-shadow: none !default;
|
|
35
|
+
$drop-down-btn-li-border-style: solid !default;
|
|
36
|
+
$drop-down-btn-color: $content-text-color !default;
|
|
37
|
+
$drop-down-btn-disable-text: $secondary-text-color-disabled !default;
|
|
38
|
+
$drop-down-btn-font-size: $text-sm !default;
|
|
39
|
+
$drop-down-btn-font-weight: $font-weight-normal !default;
|
|
40
|
+
$drop-down-btn-li-bgcolor: $content-bg-color-hover !default;
|
|
41
|
+
$drop-down-btn-ul-bgcolor: $flyout-bg-color !default;
|
|
42
|
+
$drop-down-btn-li-border-color: $border-light !default;
|
|
43
|
+
$drop-down-btn-selected-color: $content-text-color-selected !default;
|
|
44
|
+
$drop-down-btn-parent-ul-box-shadow: none !default;
|
|
45
|
+
$drop-down-btn-li-focus-bgcolor: $content-bg-color-hover !default;
|
|
46
|
+
$drop-down-btn-li-selection-bgcolor: $content-bg-color-selected !default;
|
|
47
|
+
$drop-down-btn-li-selection-font-color: $content-text-color !default;
|
|
48
|
+
$drop-down-btn-menu-icon-color: $icon-color !default;
|
|
49
|
+
$drop-down-btn-menu-icon-disabled-color: $secondary-text-color-disabled !default;
|
|
50
|
+
$drop-down-btn-li-hover-bgcolor: $flyout-bg-color-hover !default;
|
|
51
|
+
|
|
@@ -69,6 +69,7 @@
|
|
|
69
69
|
|
|
70
70
|
.e-dropdown-popup {
|
|
71
71
|
position: absolute;
|
|
72
|
+
border-radius: 4px;
|
|
72
73
|
margin-top: 2px;
|
|
73
74
|
}
|
|
74
75
|
.e-dropdown-popup ul {
|
|
@@ -148,6 +149,7 @@
|
|
|
148
149
|
|
|
149
150
|
*.e-bigger .e-dropdown-popup {
|
|
150
151
|
background-color: transparent;
|
|
152
|
+
border-radius: 4px;
|
|
151
153
|
}
|
|
152
154
|
|
|
153
155
|
*.e-bigger .e-dropdown-popup ul,
|
|
@@ -69,6 +69,7 @@
|
|
|
69
69
|
|
|
70
70
|
.e-dropdown-popup {
|
|
71
71
|
position: absolute;
|
|
72
|
+
border-radius: 4px;
|
|
72
73
|
margin-top: 2px;
|
|
73
74
|
}
|
|
74
75
|
.e-dropdown-popup ul {
|
|
@@ -148,6 +149,7 @@
|
|
|
148
149
|
|
|
149
150
|
*.e-bigger .e-dropdown-popup {
|
|
150
151
|
background-color: transparent;
|
|
152
|
+
border-radius: 4px;
|
|
151
153
|
}
|
|
152
154
|
|
|
153
155
|
*.e-bigger .e-dropdown-popup ul,
|
|
@@ -75,6 +75,7 @@
|
|
|
75
75
|
|
|
76
76
|
.e-dropdown-popup {
|
|
77
77
|
position: absolute;
|
|
78
|
+
border-radius: 4px;
|
|
78
79
|
margin-top: 4px;
|
|
79
80
|
}
|
|
80
81
|
.e-dropdown-popup ul {
|
|
@@ -154,6 +155,7 @@
|
|
|
154
155
|
|
|
155
156
|
*.e-bigger .e-dropdown-popup {
|
|
156
157
|
background-color: transparent;
|
|
158
|
+
border-radius: 4px;
|
|
157
159
|
}
|
|
158
160
|
|
|
159
161
|
*.e-bigger .e-dropdown-popup ul,
|
|
@@ -75,6 +75,7 @@
|
|
|
75
75
|
|
|
76
76
|
.e-dropdown-popup {
|
|
77
77
|
position: absolute;
|
|
78
|
+
border-radius: 4px;
|
|
78
79
|
margin-top: 4px;
|
|
79
80
|
}
|
|
80
81
|
.e-dropdown-popup ul {
|
|
@@ -154,6 +155,7 @@
|
|
|
154
155
|
|
|
155
156
|
*.e-bigger .e-dropdown-popup {
|
|
156
157
|
background-color: transparent;
|
|
158
|
+
border-radius: 4px;
|
|
157
159
|
}
|
|
158
160
|
|
|
159
161
|
*.e-bigger .e-dropdown-popup ul,
|
package/styles/fabric-dark.css
CHANGED
|
@@ -531,14 +531,6 @@
|
|
|
531
531
|
flex-direction: row;
|
|
532
532
|
position: relative;
|
|
533
533
|
}
|
|
534
|
-
*.e-btn-group input:focus + label.e-btn,
|
|
535
|
-
*.e-btn-group .e-btn:focus,
|
|
536
|
-
*.e-btn-group .e-btn:hover,
|
|
537
|
-
*.e-css.e-btn-group input:focus + label.e-btn,
|
|
538
|
-
*.e-css.e-btn-group .e-btn:focus,
|
|
539
|
-
*.e-css.e-btn-group .e-btn:hover {
|
|
540
|
-
z-index: 2;
|
|
541
|
-
}
|
|
542
534
|
*.e-btn-group input + label.e-btn,
|
|
543
535
|
*.e-css.e-btn-group input + label.e-btn {
|
|
544
536
|
margin-bottom: 0;
|
package/styles/fabric.css
CHANGED
|
@@ -528,14 +528,6 @@
|
|
|
528
528
|
flex-direction: row;
|
|
529
529
|
position: relative;
|
|
530
530
|
}
|
|
531
|
-
*.e-btn-group input:focus + label.e-btn,
|
|
532
|
-
*.e-btn-group .e-btn:focus,
|
|
533
|
-
*.e-btn-group .e-btn:hover,
|
|
534
|
-
*.e-css.e-btn-group input:focus + label.e-btn,
|
|
535
|
-
*.e-css.e-btn-group .e-btn:focus,
|
|
536
|
-
*.e-css.e-btn-group .e-btn:hover {
|
|
537
|
-
z-index: 2;
|
|
538
|
-
}
|
|
539
531
|
*.e-btn-group input + label.e-btn,
|
|
540
532
|
*.e-css.e-btn-group input + label.e-btn {
|
|
541
533
|
margin-bottom: 0;
|