@syncfusion/ej2-splitbuttons 20.1.57 → 20.2.43
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 +7 -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 +24 -4
- package/dist/es6/ej2-splitbuttons.es2015.js.map +1 -1
- package/dist/es6/ej2-splitbuttons.es5.js +24 -4
- 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-model.d.ts +7 -0
- package/src/drop-down-button/drop-down-button.d.ts +7 -0
- package/src/drop-down-button/drop-down-button.js +24 -4
- package/styles/bootstrap-dark.css +5 -13
- package/styles/bootstrap.css +0 -8
- package/styles/bootstrap4.css +1 -9
- 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 +2 -10
- package/styles/material-dark.css +0 -8
- package/styles/material.css +0 -8
- package/styles/progress-button/_bootstrap-dark-definition.scss +5 -5
- package/styles/progress-button/_bootstrap4-definition.scss +1 -1
- package/styles/progress-button/_fluent-definition.scss +1 -1
- package/styles/progress-button/_fusionnew-definition.scss +21 -0
- package/styles/progress-button/_highcontrast-definition.scss +1 -1
- package/styles/progress-button/_material3-definition.scss +21 -0
- package/styles/progress-button/bootstrap-dark.css +5 -5
- package/styles/progress-button/bootstrap4.css +1 -1
- package/styles/progress-button/fluent-dark.css +26 -26
- package/styles/progress-button/fluent.css +1 -1
- package/styles/progress-button/highcontrast.css +2 -2
- 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
package/styles/bootstrap5.css
CHANGED
|
@@ -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,
|
|
@@ -778,6 +780,7 @@
|
|
|
778
780
|
outline: #6c757d 0 solid;
|
|
779
781
|
outline-offset: 0;
|
|
780
782
|
box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
|
|
783
|
+
border-color: #5c636a;
|
|
781
784
|
outline-color: inherit;
|
|
782
785
|
}
|
|
783
786
|
.e-btn-group .e-btn:focus.e-primary,
|
|
@@ -789,6 +792,7 @@
|
|
|
789
792
|
color: #fff;
|
|
790
793
|
outline: #6c757d 0 solid;
|
|
791
794
|
box-shadow: 0 0 0 4px rgba(49, 132, 253, 0.5);
|
|
795
|
+
border-color: #0b5ed7;
|
|
792
796
|
outline-color: inherit;
|
|
793
797
|
}
|
|
794
798
|
.e-btn-group .e-btn:focus.e-success,
|
|
@@ -799,6 +803,7 @@
|
|
|
799
803
|
border-color: #198754;
|
|
800
804
|
color: #fff;
|
|
801
805
|
box-shadow: 0 0 0 4px rgba(60, 153, 110, 0.5);
|
|
806
|
+
border-color: #157347;
|
|
802
807
|
outline-color: inherit;
|
|
803
808
|
}
|
|
804
809
|
.e-btn-group .e-btn:focus.e-info,
|
|
@@ -809,6 +814,7 @@
|
|
|
809
814
|
border-color: #0dcaf0;
|
|
810
815
|
color: #000;
|
|
811
816
|
box-shadow: 0 0 0 4px rgba(49, 210, 242, 0.5);
|
|
817
|
+
border-color: #31d2f2;
|
|
812
818
|
outline-color: inherit;
|
|
813
819
|
}
|
|
814
820
|
.e-btn-group .e-btn:focus.e-warning,
|
|
@@ -819,6 +825,7 @@
|
|
|
819
825
|
border-color: #ffc107;
|
|
820
826
|
color: #000;
|
|
821
827
|
box-shadow: 0 0 0 4px rgba(255, 202, 44, 0.5);
|
|
828
|
+
border-color: #ffca2c;
|
|
822
829
|
outline-color: inherit;
|
|
823
830
|
}
|
|
824
831
|
.e-btn-group .e-btn:focus.e-danger,
|
|
@@ -829,6 +836,7 @@
|
|
|
829
836
|
border-color: #dc3545;
|
|
830
837
|
color: #fff;
|
|
831
838
|
box-shadow: 0 0 0 4px rgba(225, 83, 97, 0.5);
|
|
839
|
+
border-color: #bb2d3b;
|
|
832
840
|
outline-color: inherit;
|
|
833
841
|
}
|
|
834
842
|
.e-btn-group .e-btn:focus.e-link,
|
|
@@ -848,36 +856,42 @@
|
|
|
848
856
|
.e-css.e-btn-group .e-btn:focus.e-outline,
|
|
849
857
|
.e-css.e-btn-group input:focus + label.e-btn.e-outline {
|
|
850
858
|
box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
|
|
859
|
+
border-color: #5c636a;
|
|
851
860
|
}
|
|
852
861
|
.e-btn-group .e-btn:focus.e-outline.e-primary,
|
|
853
862
|
.e-btn-group input:focus + label.e-btn.e-outline.e-primary,
|
|
854
863
|
.e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
|
|
855
864
|
.e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
|
|
856
865
|
box-shadow: 0 0 0 4px rgba(49, 132, 253, 0.5);
|
|
866
|
+
border-color: #0d6efd;
|
|
857
867
|
}
|
|
858
868
|
.e-btn-group .e-btn:focus.e-outline.e-success,
|
|
859
869
|
.e-btn-group input:focus + label.e-btn.e-outline.e-success,
|
|
860
870
|
.e-css.e-btn-group .e-btn:focus.e-outline.e-success,
|
|
861
871
|
.e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
|
|
862
872
|
box-shadow: 0 0 0 4px rgba(60, 153, 110, 0.5);
|
|
873
|
+
border-color: #157347;
|
|
863
874
|
}
|
|
864
875
|
.e-btn-group .e-btn:focus.e-outline.e-info,
|
|
865
876
|
.e-btn-group input:focus + label.e-btn.e-outline.e-info,
|
|
866
877
|
.e-css.e-btn-group .e-btn:focus.e-outline.e-info,
|
|
867
878
|
.e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
|
|
868
879
|
box-shadow: 0 0 0 4px rgba(49, 210, 242, 0.5);
|
|
880
|
+
border-color: #31d2f2;
|
|
869
881
|
}
|
|
870
882
|
.e-btn-group .e-btn:focus.e-outline.e-warning,
|
|
871
883
|
.e-btn-group input:focus + label.e-btn.e-outline.e-warning,
|
|
872
884
|
.e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
|
|
873
885
|
.e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
|
|
874
886
|
box-shadow: 0 0 0 4px rgba(255, 202, 44, 0.5);
|
|
887
|
+
border-color: #ffca2c;
|
|
875
888
|
}
|
|
876
889
|
.e-btn-group .e-btn:focus.e-outline.e-danger,
|
|
877
890
|
.e-btn-group input:focus + label.e-btn.e-outline.e-danger,
|
|
878
891
|
.e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
|
|
879
892
|
.e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
|
|
880
893
|
box-shadow: 0 0 0 4px rgba(225, 83, 97, 0.5);
|
|
894
|
+
border-color: #bb2d3b;
|
|
881
895
|
}
|
|
882
896
|
.e-btn-group .e-btn:active,
|
|
883
897
|
.e-btn-group input:active + label.e-btn,
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
//layout variables
|
|
2
|
+
$btn-grp-margin: -1px !default;
|
|
3
|
+
$btn-grp-margin-left: -1px !default;
|
|
4
|
+
$btn-grp-wrapper-border: 4px !default;
|
|
5
|
+
$btn-grp-round-radius: 20px !default;
|
|
6
|
+
$btn-grp-icon-font-size: 16px !default;
|
|
7
|
+
$btn-grp-icon-font-size-bigger: 20px !default;
|
|
8
|
+
|
|
9
|
+
//Normal Outline GroupButton
|
|
10
|
+
$btn-grp-outline-focus-border-color: $secondary-border-color !default;
|
|
11
|
+
$btn-grp-outline-focus-color: inherit !default;
|
|
12
|
+
|
|
13
|
+
//Outline Primary
|
|
14
|
+
$btn-grp-outline-primary-focus-border-color: $primary !default;
|
|
15
|
+
$btn-grp-outline-focus-primary-color: inherit !default;
|
|
16
|
+
|
|
17
|
+
//Outline Success
|
|
18
|
+
$btn-grp-outline-success-focus-border-color: $btn-success-focus-border-color !default;
|
|
19
|
+
$btn-grp-outline-focus-success-color: inherit !default;
|
|
20
|
+
|
|
21
|
+
//Outline Info
|
|
22
|
+
$btn-grp-outline-info-focus-border-color: $btn-info-focus-border-color !default;
|
|
23
|
+
$btn-grp-outline-focus-info-color: inherit !default;
|
|
24
|
+
|
|
25
|
+
//Outline warning
|
|
26
|
+
$btn-grp-outline-warning-focus-border-color: $btn-warning-focus-border-color !default;
|
|
27
|
+
$btn-grp-outline-focus-warning-color: inherit !default;
|
|
28
|
+
|
|
29
|
+
//Outline danger
|
|
30
|
+
$btn-grp-outline-danger-focus-border-color: $btn-danger-focus-border-color !default;
|
|
31
|
+
$btn-grp-outline-focus-danger-color: inherit !default;
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
//layout variables
|
|
2
|
+
$btn-grp-margin: -1px !default;
|
|
3
|
+
$btn-grp-margin-left: -1px !default;
|
|
4
|
+
$btn-grp-wrapper-border: 4px !default;
|
|
5
|
+
$btn-grp-round-radius: 20px !default;
|
|
6
|
+
$btn-grp-icon-font-size: 16px !default;
|
|
7
|
+
$btn-grp-icon-font-size-bigger: 20px !default;
|
|
8
|
+
|
|
9
|
+
//Normal Outline GroupButton
|
|
10
|
+
$btn-grp-outline-focus-border-color: $secondary-border-color !default;
|
|
11
|
+
$btn-grp-outline-focus-color: inherit !default;
|
|
12
|
+
|
|
13
|
+
//Outline Primary
|
|
14
|
+
$btn-grp-outline-primary-focus-border-color: $primary !default;
|
|
15
|
+
$btn-grp-outline-focus-primary-color: inherit !default;
|
|
16
|
+
|
|
17
|
+
//Outline Success
|
|
18
|
+
$btn-grp-outline-success-focus-border-color: $btn-success-focus-border-color !default;
|
|
19
|
+
$btn-grp-outline-focus-success-color: inherit !default;
|
|
20
|
+
|
|
21
|
+
//Outline Info
|
|
22
|
+
$btn-grp-outline-info-focus-border-color: $btn-info-focus-border-color !default;
|
|
23
|
+
$btn-grp-outline-focus-info-color: inherit !default;
|
|
24
|
+
|
|
25
|
+
//Outline warning
|
|
26
|
+
$btn-grp-outline-warning-focus-border-color: $btn-warning-focus-border-color !default;
|
|
27
|
+
$btn-grp-outline-focus-warning-color: inherit !default;
|
|
28
|
+
|
|
29
|
+
//Outline danger
|
|
30
|
+
$btn-grp-outline-danger-focus-border-color: $btn-danger-focus-border-color !default;
|
|
31
|
+
$btn-grp-outline-focus-danger-color: inherit !default;
|
|
@@ -22,9 +22,12 @@
|
|
|
22
22
|
.e-btn:focus,
|
|
23
23
|
input:focus+label.e-btn {
|
|
24
24
|
@include button-focus;
|
|
25
|
-
@if $skin-name != 'bootstrap5' {
|
|
25
|
+
@if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
|
|
26
26
|
box-shadow: none;
|
|
27
27
|
}
|
|
28
|
+
@if $skin-name == 'bootstrap5' {
|
|
29
|
+
border-color: $btn-focus-bgcolor;
|
|
30
|
+
}
|
|
28
31
|
outline-color: $btn-grp-outline-focus-color;
|
|
29
32
|
@if $skin-name == 'fabric' {
|
|
30
33
|
outline-offset: -2px;
|
|
@@ -36,9 +39,12 @@
|
|
|
36
39
|
|
|
37
40
|
&.e-primary {
|
|
38
41
|
@include primary-focus;
|
|
39
|
-
@if $skin-name != 'bootstrap5' {
|
|
42
|
+
@if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
|
|
40
43
|
box-shadow: none;
|
|
41
44
|
}
|
|
45
|
+
@if $skin-name == 'bootstrap5' {
|
|
46
|
+
border-color: $btn-primary-focus-bgcolor;
|
|
47
|
+
}
|
|
42
48
|
outline-color: $btn-grp-outline-focus-primary-color;
|
|
43
49
|
@if $skin-name == 'fabric' {
|
|
44
50
|
border-color: transparent;
|
|
@@ -47,9 +53,12 @@
|
|
|
47
53
|
|
|
48
54
|
&.e-success {
|
|
49
55
|
@include success-focus;
|
|
50
|
-
@if $skin-name != 'bootstrap5' {
|
|
56
|
+
@if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
|
|
51
57
|
box-shadow: none;
|
|
52
58
|
}
|
|
59
|
+
@if $skin-name == 'bootstrap5' {
|
|
60
|
+
border-color: $btn-success-focus-bgcolor;
|
|
61
|
+
}
|
|
53
62
|
outline-color: $btn-grp-outline-focus-success-color;
|
|
54
63
|
@if $skin-name == 'fabric' {
|
|
55
64
|
border-color: transparent;
|
|
@@ -58,9 +67,12 @@
|
|
|
58
67
|
|
|
59
68
|
&.e-info {
|
|
60
69
|
@include info-focus;
|
|
61
|
-
@if $skin-name != 'bootstrap5' {
|
|
70
|
+
@if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
|
|
62
71
|
box-shadow: none;
|
|
63
72
|
}
|
|
73
|
+
@if $skin-name == 'bootstrap5' {
|
|
74
|
+
border-color: $btn-info-focus-bgcolor;
|
|
75
|
+
}
|
|
64
76
|
outline-color: $btn-grp-outline-focus-info-color;
|
|
65
77
|
@if $skin-name == 'fabric' {
|
|
66
78
|
border-color: transparent;
|
|
@@ -69,9 +81,12 @@
|
|
|
69
81
|
|
|
70
82
|
&.e-warning {
|
|
71
83
|
@include warning-focus;
|
|
72
|
-
@if $skin-name != 'bootstrap5' {
|
|
84
|
+
@if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
|
|
73
85
|
box-shadow: none;
|
|
74
86
|
}
|
|
87
|
+
@if $skin-name == 'bootstrap5' {
|
|
88
|
+
border-color: $btn-warning-focus-bgcolor;
|
|
89
|
+
}
|
|
75
90
|
outline-color: $btn-grp-outline-focus-warning-color;
|
|
76
91
|
@if $skin-name == 'fabric' {
|
|
77
92
|
border-color: transparent;
|
|
@@ -80,9 +95,12 @@
|
|
|
80
95
|
|
|
81
96
|
&.e-danger {
|
|
82
97
|
@include danger-focus;
|
|
83
|
-
@if $skin-name != 'bootstrap5' {
|
|
98
|
+
@if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
|
|
84
99
|
box-shadow: none;
|
|
85
100
|
}
|
|
101
|
+
@if $skin-name == 'bootstrap5' {
|
|
102
|
+
border-color: $btn-danger-focus-bgcolor;
|
|
103
|
+
}
|
|
86
104
|
outline-color: $btn-grp-outline-focus-danger-color;
|
|
87
105
|
@if $skin-name == 'fabric' {
|
|
88
106
|
border-color: transparent;
|
|
@@ -99,43 +117,61 @@
|
|
|
99
117
|
|
|
100
118
|
&.e-outline {
|
|
101
119
|
@include outline-focus;
|
|
102
|
-
@if $skin-name != 'bootstrap5' {
|
|
120
|
+
@if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
|
|
103
121
|
box-shadow: none;
|
|
104
122
|
}
|
|
123
|
+
@if $skin-name == 'bootstrap5' {
|
|
124
|
+
border-color: $btn-outline-focus-bgcolor;
|
|
125
|
+
}
|
|
105
126
|
|
|
106
127
|
&.e-primary {
|
|
107
128
|
@include outline-primary-focus;
|
|
108
|
-
@if $skin-name != 'bootstrap5' {
|
|
129
|
+
@if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
|
|
109
130
|
box-shadow: none;
|
|
110
131
|
}
|
|
132
|
+
@if $skin-name == 'bootstrap5' {
|
|
133
|
+
border-color: $btn-outline-primary-focus-bgcolor;
|
|
134
|
+
}
|
|
111
135
|
}
|
|
112
136
|
|
|
113
137
|
&.e-success {
|
|
114
138
|
@include outline-success-focus;
|
|
115
|
-
@if $skin-name != 'bootstrap5' {
|
|
139
|
+
@if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
|
|
116
140
|
box-shadow: none;
|
|
117
141
|
}
|
|
142
|
+
@if $skin-name == 'bootstrap5' {
|
|
143
|
+
border-color: $btn-success-focus-bgcolor;
|
|
144
|
+
}
|
|
118
145
|
}
|
|
119
146
|
|
|
120
147
|
&.e-info {
|
|
121
148
|
@include outline-info-focus;
|
|
122
|
-
@if $skin-name != 'bootstrap5' {
|
|
149
|
+
@if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
|
|
123
150
|
box-shadow: none;
|
|
124
151
|
}
|
|
152
|
+
@if $skin-name == 'bootstrap5' {
|
|
153
|
+
border-color: $btn-info-hover-bgcolor;
|
|
154
|
+
}
|
|
125
155
|
}
|
|
126
156
|
|
|
127
157
|
&.e-warning {
|
|
128
158
|
@include outline-warning-focus;
|
|
129
|
-
@if $skin-name != 'bootstrap5' {
|
|
159
|
+
@if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
|
|
130
160
|
box-shadow: none;
|
|
131
161
|
}
|
|
162
|
+
@if $skin-name == 'bootstrap5' {
|
|
163
|
+
border-color: $btn-warning-hover-bgcolor;
|
|
164
|
+
}
|
|
132
165
|
}
|
|
133
166
|
|
|
134
167
|
&.e-danger {
|
|
135
168
|
@include outline-danger-focus;
|
|
136
|
-
@if $skin-name != 'bootstrap5' {
|
|
169
|
+
@if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
|
|
137
170
|
box-shadow: none;
|
|
138
171
|
}
|
|
172
|
+
@if $skin-name == 'bootstrap5' {
|
|
173
|
+
border-color: $btn-danger-hover-bgcolor;
|
|
174
|
+
}
|
|
139
175
|
}
|
|
140
176
|
}
|
|
141
177
|
}
|
|
@@ -7,14 +7,6 @@
|
|
|
7
7
|
flex-direction: row;
|
|
8
8
|
position: relative;
|
|
9
9
|
}
|
|
10
|
-
*.e-btn-group input:focus + label.e-btn,
|
|
11
|
-
*.e-btn-group .e-btn:focus,
|
|
12
|
-
*.e-btn-group .e-btn:hover,
|
|
13
|
-
*.e-css.e-btn-group input:focus + label.e-btn,
|
|
14
|
-
*.e-css.e-btn-group .e-btn:focus,
|
|
15
|
-
*.e-css.e-btn-group .e-btn:hover {
|
|
16
|
-
z-index: 2;
|
|
17
|
-
}
|
|
18
10
|
*.e-btn-group input + label.e-btn,
|
|
19
11
|
*.e-css.e-btn-group input + label.e-btn {
|
|
20
12
|
margin-bottom: 0;
|
|
@@ -7,14 +7,6 @@
|
|
|
7
7
|
flex-direction: row;
|
|
8
8
|
position: relative;
|
|
9
9
|
}
|
|
10
|
-
*.e-btn-group input:focus + label.e-btn,
|
|
11
|
-
*.e-btn-group .e-btn:focus,
|
|
12
|
-
*.e-btn-group .e-btn:hover,
|
|
13
|
-
*.e-css.e-btn-group input:focus + label.e-btn,
|
|
14
|
-
*.e-css.e-btn-group .e-btn:focus,
|
|
15
|
-
*.e-css.e-btn-group .e-btn:hover {
|
|
16
|
-
z-index: 2;
|
|
17
|
-
}
|
|
18
10
|
*.e-btn-group input + label.e-btn,
|
|
19
11
|
*.e-css.e-btn-group input + label.e-btn {
|
|
20
12
|
margin-bottom: 0;
|
|
@@ -7,14 +7,6 @@
|
|
|
7
7
|
flex-direction: row;
|
|
8
8
|
position: relative;
|
|
9
9
|
}
|
|
10
|
-
*.e-btn-group input:focus + label.e-btn,
|
|
11
|
-
*.e-btn-group .e-btn:focus,
|
|
12
|
-
*.e-btn-group .e-btn:hover,
|
|
13
|
-
*.e-css.e-btn-group input:focus + label.e-btn,
|
|
14
|
-
*.e-css.e-btn-group .e-btn:focus,
|
|
15
|
-
*.e-css.e-btn-group .e-btn:hover {
|
|
16
|
-
z-index: 2;
|
|
17
|
-
}
|
|
18
10
|
*.e-btn-group input + label.e-btn,
|
|
19
11
|
*.e-css.e-btn-group input + label.e-btn {
|
|
20
12
|
margin-bottom: 0;
|
|
@@ -260,6 +260,7 @@
|
|
|
260
260
|
outline: #6c757d 0 solid;
|
|
261
261
|
outline-offset: 0;
|
|
262
262
|
box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
|
|
263
|
+
border-color: #5c636a;
|
|
263
264
|
outline-color: inherit;
|
|
264
265
|
}
|
|
265
266
|
.e-btn-group .e-btn:focus.e-primary,
|
|
@@ -271,6 +272,7 @@
|
|
|
271
272
|
color: #fff;
|
|
272
273
|
outline: #6c757d 0 solid;
|
|
273
274
|
box-shadow: 0 0 0 4px rgba(49, 132, 253, 0.5);
|
|
275
|
+
border-color: #0b5ed7;
|
|
274
276
|
outline-color: inherit;
|
|
275
277
|
}
|
|
276
278
|
.e-btn-group .e-btn:focus.e-success,
|
|
@@ -281,6 +283,7 @@
|
|
|
281
283
|
border-color: #198754;
|
|
282
284
|
color: #fff;
|
|
283
285
|
box-shadow: 0 0 0 4px rgba(66, 190, 133, 0.5);
|
|
286
|
+
border-color: #157347;
|
|
284
287
|
outline-color: inherit;
|
|
285
288
|
}
|
|
286
289
|
.e-btn-group .e-btn:focus.e-info,
|
|
@@ -291,6 +294,7 @@
|
|
|
291
294
|
border-color: #0dcaf0;
|
|
292
295
|
color: #000;
|
|
293
296
|
box-shadow: 0 0 0 4px rgba(49, 210, 242, 0.5);
|
|
297
|
+
border-color: #31d2f2;
|
|
294
298
|
outline-color: inherit;
|
|
295
299
|
}
|
|
296
300
|
.e-btn-group .e-btn:focus.e-warning,
|
|
@@ -301,6 +305,7 @@
|
|
|
301
305
|
border-color: #ffc107;
|
|
302
306
|
color: #000;
|
|
303
307
|
box-shadow: 0 0 0 4px rgba(255, 202, 44, 0.5);
|
|
308
|
+
border-color: #ffca2c;
|
|
304
309
|
outline-color: inherit;
|
|
305
310
|
}
|
|
306
311
|
.e-btn-group .e-btn:focus.e-danger,
|
|
@@ -311,6 +316,7 @@
|
|
|
311
316
|
border-color: #dc3545;
|
|
312
317
|
color: #fff;
|
|
313
318
|
box-shadow: 0 0 0 4px rgba(232, 120, 131, 0.5);
|
|
319
|
+
border-color: #bb2d3b;
|
|
314
320
|
outline-color: inherit;
|
|
315
321
|
}
|
|
316
322
|
.e-btn-group .e-btn:focus.e-link,
|
|
@@ -330,36 +336,42 @@
|
|
|
330
336
|
.e-css.e-btn-group .e-btn:focus.e-outline,
|
|
331
337
|
.e-css.e-btn-group input:focus + label.e-btn.e-outline {
|
|
332
338
|
box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
|
|
339
|
+
border-color: #5c636a;
|
|
333
340
|
}
|
|
334
341
|
.e-btn-group .e-btn:focus.e-outline.e-primary,
|
|
335
342
|
.e-btn-group input:focus + label.e-btn.e-outline.e-primary,
|
|
336
343
|
.e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
|
|
337
344
|
.e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
|
|
338
345
|
box-shadow: 0 0 0 4px rgba(49, 132, 253, 0.5);
|
|
346
|
+
border-color: #0d6efd;
|
|
339
347
|
}
|
|
340
348
|
.e-btn-group .e-btn:focus.e-outline.e-success,
|
|
341
349
|
.e-btn-group input:focus + label.e-btn.e-outline.e-success,
|
|
342
350
|
.e-css.e-btn-group .e-btn:focus.e-outline.e-success,
|
|
343
351
|
.e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
|
|
344
352
|
box-shadow: 0 0 0 4px rgba(66, 190, 133, 0.5);
|
|
353
|
+
border-color: #157347;
|
|
345
354
|
}
|
|
346
355
|
.e-btn-group .e-btn:focus.e-outline.e-info,
|
|
347
356
|
.e-btn-group input:focus + label.e-btn.e-outline.e-info,
|
|
348
357
|
.e-css.e-btn-group .e-btn:focus.e-outline.e-info,
|
|
349
358
|
.e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
|
|
350
359
|
box-shadow: 0 0 0 4px rgba(49, 210, 242, 0.5);
|
|
360
|
+
border-color: #31d2f2;
|
|
351
361
|
}
|
|
352
362
|
.e-btn-group .e-btn:focus.e-outline.e-warning,
|
|
353
363
|
.e-btn-group input:focus + label.e-btn.e-outline.e-warning,
|
|
354
364
|
.e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
|
|
355
365
|
.e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
|
|
356
366
|
box-shadow: 0 0 0 4px rgba(255, 202, 44, 0.5);
|
|
367
|
+
border-color: #ffca2c;
|
|
357
368
|
}
|
|
358
369
|
.e-btn-group .e-btn:focus.e-outline.e-danger,
|
|
359
370
|
.e-btn-group input:focus + label.e-btn.e-outline.e-danger,
|
|
360
371
|
.e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
|
|
361
372
|
.e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
|
|
362
373
|
box-shadow: 0 0 0 4px rgba(232, 120, 131, 0.5);
|
|
374
|
+
border-color: #bb2d3b;
|
|
363
375
|
}
|
|
364
376
|
.e-btn-group .e-btn:active,
|
|
365
377
|
.e-btn-group input:active + label.e-btn,
|
|
@@ -260,6 +260,7 @@
|
|
|
260
260
|
outline: #6c757d 0 solid;
|
|
261
261
|
outline-offset: 0;
|
|
262
262
|
box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
|
|
263
|
+
border-color: #5c636a;
|
|
263
264
|
outline-color: inherit;
|
|
264
265
|
}
|
|
265
266
|
.e-btn-group .e-btn:focus.e-primary,
|
|
@@ -271,6 +272,7 @@
|
|
|
271
272
|
color: #fff;
|
|
272
273
|
outline: #6c757d 0 solid;
|
|
273
274
|
box-shadow: 0 0 0 4px rgba(49, 132, 253, 0.5);
|
|
275
|
+
border-color: #0b5ed7;
|
|
274
276
|
outline-color: inherit;
|
|
275
277
|
}
|
|
276
278
|
.e-btn-group .e-btn:focus.e-success,
|
|
@@ -281,6 +283,7 @@
|
|
|
281
283
|
border-color: #198754;
|
|
282
284
|
color: #fff;
|
|
283
285
|
box-shadow: 0 0 0 4px rgba(60, 153, 110, 0.5);
|
|
286
|
+
border-color: #157347;
|
|
284
287
|
outline-color: inherit;
|
|
285
288
|
}
|
|
286
289
|
.e-btn-group .e-btn:focus.e-info,
|
|
@@ -291,6 +294,7 @@
|
|
|
291
294
|
border-color: #0dcaf0;
|
|
292
295
|
color: #000;
|
|
293
296
|
box-shadow: 0 0 0 4px rgba(49, 210, 242, 0.5);
|
|
297
|
+
border-color: #31d2f2;
|
|
294
298
|
outline-color: inherit;
|
|
295
299
|
}
|
|
296
300
|
.e-btn-group .e-btn:focus.e-warning,
|
|
@@ -301,6 +305,7 @@
|
|
|
301
305
|
border-color: #ffc107;
|
|
302
306
|
color: #000;
|
|
303
307
|
box-shadow: 0 0 0 4px rgba(255, 202, 44, 0.5);
|
|
308
|
+
border-color: #ffca2c;
|
|
304
309
|
outline-color: inherit;
|
|
305
310
|
}
|
|
306
311
|
.e-btn-group .e-btn:focus.e-danger,
|
|
@@ -311,6 +316,7 @@
|
|
|
311
316
|
border-color: #dc3545;
|
|
312
317
|
color: #fff;
|
|
313
318
|
box-shadow: 0 0 0 4px rgba(225, 83, 97, 0.5);
|
|
319
|
+
border-color: #bb2d3b;
|
|
314
320
|
outline-color: inherit;
|
|
315
321
|
}
|
|
316
322
|
.e-btn-group .e-btn:focus.e-link,
|
|
@@ -330,36 +336,42 @@
|
|
|
330
336
|
.e-css.e-btn-group .e-btn:focus.e-outline,
|
|
331
337
|
.e-css.e-btn-group input:focus + label.e-btn.e-outline {
|
|
332
338
|
box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
|
|
339
|
+
border-color: #5c636a;
|
|
333
340
|
}
|
|
334
341
|
.e-btn-group .e-btn:focus.e-outline.e-primary,
|
|
335
342
|
.e-btn-group input:focus + label.e-btn.e-outline.e-primary,
|
|
336
343
|
.e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
|
|
337
344
|
.e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
|
|
338
345
|
box-shadow: 0 0 0 4px rgba(49, 132, 253, 0.5);
|
|
346
|
+
border-color: #0d6efd;
|
|
339
347
|
}
|
|
340
348
|
.e-btn-group .e-btn:focus.e-outline.e-success,
|
|
341
349
|
.e-btn-group input:focus + label.e-btn.e-outline.e-success,
|
|
342
350
|
.e-css.e-btn-group .e-btn:focus.e-outline.e-success,
|
|
343
351
|
.e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
|
|
344
352
|
box-shadow: 0 0 0 4px rgba(60, 153, 110, 0.5);
|
|
353
|
+
border-color: #157347;
|
|
345
354
|
}
|
|
346
355
|
.e-btn-group .e-btn:focus.e-outline.e-info,
|
|
347
356
|
.e-btn-group input:focus + label.e-btn.e-outline.e-info,
|
|
348
357
|
.e-css.e-btn-group .e-btn:focus.e-outline.e-info,
|
|
349
358
|
.e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
|
|
350
359
|
box-shadow: 0 0 0 4px rgba(49, 210, 242, 0.5);
|
|
360
|
+
border-color: #31d2f2;
|
|
351
361
|
}
|
|
352
362
|
.e-btn-group .e-btn:focus.e-outline.e-warning,
|
|
353
363
|
.e-btn-group input:focus + label.e-btn.e-outline.e-warning,
|
|
354
364
|
.e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
|
|
355
365
|
.e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
|
|
356
366
|
box-shadow: 0 0 0 4px rgba(255, 202, 44, 0.5);
|
|
367
|
+
border-color: #ffca2c;
|
|
357
368
|
}
|
|
358
369
|
.e-btn-group .e-btn:focus.e-outline.e-danger,
|
|
359
370
|
.e-btn-group input:focus + label.e-btn.e-outline.e-danger,
|
|
360
371
|
.e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
|
|
361
372
|
.e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
|
|
362
373
|
box-shadow: 0 0 0 4px rgba(225, 83, 97, 0.5);
|
|
374
|
+
border-color: #bb2d3b;
|
|
363
375
|
}
|
|
364
376
|
.e-btn-group .e-btn:active,
|
|
365
377
|
.e-btn-group input:active + label.e-btn,
|
|
@@ -7,14 +7,6 @@
|
|
|
7
7
|
flex-direction: row;
|
|
8
8
|
position: relative;
|
|
9
9
|
}
|
|
10
|
-
*.e-btn-group input:focus + label.e-btn,
|
|
11
|
-
*.e-btn-group .e-btn:focus,
|
|
12
|
-
*.e-btn-group .e-btn:hover,
|
|
13
|
-
*.e-css.e-btn-group input:focus + label.e-btn,
|
|
14
|
-
*.e-css.e-btn-group .e-btn:focus,
|
|
15
|
-
*.e-css.e-btn-group .e-btn:hover {
|
|
16
|
-
z-index: 2;
|
|
17
|
-
}
|
|
18
10
|
*.e-btn-group input + label.e-btn,
|
|
19
11
|
*.e-css.e-btn-group input + label.e-btn {
|
|
20
12
|
margin-bottom: 0;
|
|
@@ -7,14 +7,6 @@
|
|
|
7
7
|
flex-direction: row;
|
|
8
8
|
position: relative;
|
|
9
9
|
}
|
|
10
|
-
*.e-btn-group input:focus + label.e-btn,
|
|
11
|
-
*.e-btn-group .e-btn:focus,
|
|
12
|
-
*.e-btn-group .e-btn:hover,
|
|
13
|
-
*.e-css.e-btn-group input:focus + label.e-btn,
|
|
14
|
-
*.e-css.e-btn-group .e-btn:focus,
|
|
15
|
-
*.e-css.e-btn-group .e-btn:hover {
|
|
16
|
-
z-index: 2;
|
|
17
|
-
}
|
|
18
10
|
*.e-btn-group input + label.e-btn,
|
|
19
11
|
*.e-css.e-btn-group input + label.e-btn {
|
|
20
12
|
margin-bottom: 0;
|