Skip to content

Commit 9fdfd91

Browse files
ZxBing0066ZxBing0066
authored
fix(Radio): fix radio card style
close #89
1 parent 6413bcc commit 9fdfd91

File tree

23 files changed

+273
-11
lines changed

23 files changed

+273
-11
lines changed

‎src/components/Badge/__tests__/__snapshots__/demo.test.js.snap

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -110,10 +110,15 @@ exports[`Badge demo -- badge 1`] = `
110110
line-height: 28px;
111111
}
112112
113+
.c24 {
114+
margin-bottom: -8px;
115+
}
116+
113117
.c24 .c25,
114118
.c24 .style__RadioTagWrap-sc-25j3mq-3,
115119
.c24 .style__RadioCardWrap-sc-25j3mq-8 {
116120
margin-right: 8px;
121+
margin-bottom: 8px;
117122
}
118123
119124
.c24 .c25:last-child,
@@ -124,6 +129,7 @@ exports[`Badge demo -- badge 1`] = `
124129
125130
.c24 .c32 {
126131
margin-right: -1px;
132+
margin-bottom: 8px;
127133
}
128134
129135
.c24 .c32:first-child {

‎src/components/Button/__tests__/__snapshots__/demo.test.js.snap

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -119,10 +119,15 @@ exports[`Button demo -- button 1`] = `
119119
line-height: 28px;
120120
}
121121
122+
.c6 {
123+
margin-bottom: -8px;
124+
}
125+
122126
.c6 .c7,
123127
.c6 .style__RadioTagWrap-sc-25j3mq-3,
124128
.c6 .style__RadioCardWrap-sc-25j3mq-8 {
125129
margin-right: 8px;
130+
margin-bottom: 8px;
126131
}
127132
128133
.c6 .c7:last-child,
@@ -133,6 +138,7 @@ exports[`Button demo -- button 1`] = `
133138
134139
.c6 .c23 {
135140
margin-right: -1px;
141+
margin-bottom: 8px;
136142
}
137143
138144
.c6 .c23:first-child {

‎src/components/Checkbox/__tests__/__snapshots__/demo.test.js.snap

Lines changed: 40 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -32,10 +32,15 @@ exports[`Checkbox demo -- checkbox 1`] = `
3232
color: #4074e1;
3333
}
3434
35+
.c6 {
36+
margin-bottom: -8px;
37+
}
38+
3539
.c6 .c7,
3640
.c6 .style__RadioTagWrap-sc-25j3mq-3,
3741
.c6 .style__RadioCardWrap-sc-25j3mq-8 {
3842
margin-right: 8px;
43+
margin-bottom: 8px;
3944
}
4045
4146
.c6 .c7:last-child,
@@ -46,6 +51,7 @@ exports[`Checkbox demo -- checkbox 1`] = `
4651
4752
.c6 .c30 {
4853
margin-right: -1px;
54+
margin-bottom: 8px;
4955
}
5056
5157
.c6 .c30:first-child {
@@ -768,16 +774,17 @@ exports[`Checkbox demo -- checkbox-styleType 1`] = `
768774
769775
.c7 {
770776
font-size: 16px;
777+
color: #c3cad9;
771778
position: absolute;
772-
right: 10px;
779+
right: 12px;
773780
top: 10px;
774781
}
775782
776783
.c12 {
777784
font-weight: bold;
778785
line-height: 16px;
779786
position: absolute;
780-
right: 10px;
787+
right: 12px;
781788
top: 10px;
782789
}
783790
@@ -790,12 +797,22 @@ exports[`Checkbox demo -- checkbox-styleType 1`] = `
790797
border: 1px solid #c3cad9;
791798
}
792799
800+
.c3:hover {
801+
box-shadow: 0px 2px 4px 0px rgba(228,229,242,1),0px 1px 1px 0px rgba(162,166,191,0.32),0px 1px 0px 0px rgba(223,224,241,0.7);
802+
border-color: transparent;
803+
}
804+
793805
.c3 .c4 {
794806
background: #f6f6fb;
795807
color: #0a1633;
796808
font-size: 14px;
797809
}
798810
811+
.c3 .c6 {
812+
border-radius: 50%;
813+
background: white;
814+
}
815+
799816
.c10 {
800817
border-radius: 4px;
801818
overflow: hidden;
@@ -804,6 +821,7 @@ exports[`Checkbox demo -- checkbox-styleType 1`] = `
804821
cursor: pointer;
805822
border: 1px solid #c3cad9;
806823
border-color: #4683e6;
824+
box-shadow: 0px 2px 4px 0px rgba(228,229,242,1),0px 1px 1px 0px rgba(162,166,191,0.32);
807825
}
808826
809827
.c10 .c4 {
@@ -856,6 +874,7 @@ exports[`Checkbox demo -- checkbox-styleType 1`] = `
856874
cursor: pointer;
857875
border: 1px solid #c3cad9;
858876
border-color: #4683e6;
877+
box-shadow: 0px 2px 4px 0px rgba(228,229,242,1),0px 1px 1px 0px rgba(162,166,191,0.32);
859878
cursor: not-allowed;
860879
}
861880
@@ -1115,10 +1134,15 @@ exports[`Checkbox demo -- group 1`] = `
11151134
color: #4074e1;
11161135
}
11171136
1137+
.c6 {
1138+
margin-bottom: -8px;
1139+
}
1140+
11181141
.c6 .c7,
11191142
.c6 .style__RadioTagWrap-sc-25j3mq-3,
11201143
.c6 .style__RadioCardWrap-sc-25j3mq-8 {
11211144
margin-right: 8px;
1145+
margin-bottom: 8px;
11221146
}
11231147
11241148
.c6 .c7:last-child,
@@ -1129,6 +1153,7 @@ exports[`Checkbox demo -- group 1`] = `
11291153
11301154
.c6 .c32 {
11311155
margin-right: -1px;
1156+
margin-bottom: 8px;
11321157
}
11331158
11341159
.c6 .c32:first-child {
@@ -2079,8 +2104,9 @@ exports[`Checkbox demo -- group-styleType 1`] = `
20792104
20802105
.c11 {
20812106
font-size: 16px;
2107+
color: #c3cad9;
20822108
position: absolute;
2083-
right: 10px;
2109+
right: 12px;
20842110
top: 10px;
20852111
}
20862112
@@ -2093,12 +2119,22 @@ exports[`Checkbox demo -- group-styleType 1`] = `
20932119
border: 1px solid #c3cad9;
20942120
}
20952121
2122+
.c7:hover {
2123+
box-shadow: 0px 2px 4px 0px rgba(228,229,242,1),0px 1px 1px 0px rgba(162,166,191,0.32),0px 1px 0px 0px rgba(223,224,241,0.7);
2124+
border-color: transparent;
2125+
}
2126+
20962127
.c7 .c8 {
20972128
background: #f6f6fb;
20982129
color: #0a1633;
20992130
font-size: 14px;
21002131
}
21012132
2133+
.c7 .c10 {
2134+
border-radius: 50%;
2135+
background: white;
2136+
}
2137+
21022138
.c14 .c8 {
21032139
background: #f6f6fb;
21042140
color: #0a1633;
@@ -2153,6 +2189,7 @@ exports[`Checkbox demo -- group-styleType 1`] = `
21532189
.c17 .style__RadioTagWrap-sc-25j3mq-3,
21542190
.c17 .c6 {
21552191
margin-right: 8px;
2192+
margin-bottom: 8px;
21562193
}
21572194
21582195
.c17 .c22:last-child,

‎src/components/Compact/__tests__/__snapshots__/demo.test.js.snap

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -50,10 +50,15 @@ exports[`Compact demo -- compact 1`] = `
5050
color: #4074e1;
5151
}
5252
53+
.c6 {
54+
margin-bottom: -8px;
55+
}
56+
5357
.c6 .c7,
5458
.c6 .style__RadioTagWrap-sc-25j3mq-3,
5559
.c6 .style__RadioCardWrap-sc-25j3mq-8 {
5660
margin-right: 8px;
61+
margin-bottom: 8px;
5762
}
5863
5964
.c6 .c7:last-child,
@@ -64,6 +69,7 @@ exports[`Compact demo -- compact 1`] = `
6469
6570
.c6 .c28 {
6671
margin-right: -1px;
72+
margin-bottom: 8px;
6773
}
6874
6975
.c6 .c28:first-child {

‎src/components/DatePicker/__tests__/__snapshots__/demo.test.js.snap

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -249,10 +249,15 @@ exports[`DatePicker demo -- datepicker 1`] = `
249249
color: #4074e1;
250250
}
251251
252+
.c18 {
253+
margin-bottom: -8px;
254+
}
255+
252256
.c18 .c19,
253257
.c18 .style__RadioTagWrap-sc-25j3mq-3,
254258
.c18 .style__RadioCardWrap-sc-25j3mq-8 {
255259
margin-right: 8px;
260+
margin-bottom: 8px;
256261
}
257262
258263
.c18 .c19:last-child,
@@ -263,6 +268,7 @@ exports[`DatePicker demo -- datepicker 1`] = `
263268
264269
.c18 .c42 {
265270
margin-right: -1px;
271+
margin-bottom: 8px;
266272
}
267273
268274
.c18 .c42:first-child {
@@ -3146,10 +3152,15 @@ exports[`DatePicker demo -- month 1`] = `
31463152
color: #4074e1;
31473153
}
31483154
3155+
.c17 {
3156+
margin-bottom: -8px;
3157+
}
3158+
31493159
.c17 .c18,
31503160
.c17 .style__RadioTagWrap-sc-25j3mq-3,
31513161
.c17 .style__RadioCardWrap-sc-25j3mq-8 {
31523162
margin-right: 8px;
3163+
margin-bottom: 8px;
31533164
}
31543165
31553166
.c17 .c18:last-child,
@@ -3160,6 +3171,7 @@ exports[`DatePicker demo -- month 1`] = `
31603171
31613172
.c17 .c30 {
31623173
margin-right: -1px;
3174+
margin-bottom: 8px;
31633175
}
31643176
31653177
.c17 .c30:first-child {
@@ -4083,10 +4095,15 @@ exports[`DatePicker demo -- range 1`] = `
40834095
color: #4074e1;
40844096
}
40854097
4098+
.c6 {
4099+
margin-bottom: -8px;
4100+
}
4101+
40864102
.c6 .c7,
40874103
.c6 .style__RadioTagWrap-sc-25j3mq-3,
40884104
.c6 .style__RadioCardWrap-sc-25j3mq-8 {
40894105
margin-right: 8px;
4106+
margin-bottom: 8px;
40904107
}
40914108
40924109
.c6 .c7:last-child,
@@ -4097,6 +4114,7 @@ exports[`DatePicker demo -- range 1`] = `
40974114
40984115
.c6 .c36 {
40994116
margin-right: -1px;
4117+
margin-bottom: 8px;
41004118
}
41014119
41024120
.c6 .c36:first-child {

‎src/components/Grid/__tests__/__snapshots__/demo.test.js.snap

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1471,10 +1471,15 @@ exports[`Grid demo -- row 1`] = `
14711471
line-height: 28px;
14721472
}
14731473
1474+
.c16 {
1475+
margin-bottom: -8px;
1476+
}
1477+
14741478
.c16 .c17,
14751479
.c16 .style__RadioTagWrap-sc-25j3mq-3,
14761480
.c16 .style__RadioCardWrap-sc-25j3mq-8 {
14771481
margin-right: 8px;
1482+
margin-bottom: 8px;
14781483
}
14791484
14801485
.c16 .c17:last-child,
@@ -1485,6 +1490,7 @@ exports[`Grid demo -- row 1`] = `
14851490
14861491
.c16 .c44 {
14871492
margin-right: -1px;
1493+
margin-bottom: 8px;
14881494
}
14891495
14901496
.c16 .c44:first-child {

‎src/components/Icon/__tests__/__snapshots__/demo.test.js.snap

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -108,10 +108,15 @@ exports[`Icon demo -- icon 1`] = `
108108
line-height: 28px;
109109
}
110110
111+
.c6 {
112+
margin-bottom: -8px;
113+
}
114+
111115
.c6 .c7,
112116
.c6 .style__RadioTagWrap-sc-25j3mq-3,
113117
.c6 .style__RadioCardWrap-sc-25j3mq-8 {
114118
margin-right: 8px;
119+
margin-bottom: 8px;
115120
}
116121
117122
.c6 .c7:last-child,
@@ -122,6 +127,7 @@ exports[`Icon demo -- icon 1`] = `
122127
123128
.c6 .c30 {
124129
margin-right: -1px;
130+
margin-bottom: 8px;
125131
}
126132
127133
.c6 .c30:first-child {

‎src/components/Input/__tests__/__snapshots__/demo.test.js.snap

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -120,10 +120,15 @@ exports[`Input demo -- input 1`] = `
120120
color: #4074e1;
121121
}
122122
123+
.c6 {
124+
margin-bottom: -8px;
125+
}
126+
123127
.c6 .c7,
124128
.c6 .style__RadioTagWrap-sc-25j3mq-3,
125129
.c6 .style__RadioCardWrap-sc-25j3mq-8 {
126130
margin-right: 8px;
131+
margin-bottom: 8px;
127132
}
128133
129134
.c6 .c7:last-child,
@@ -134,6 +139,7 @@ exports[`Input demo -- input 1`] = `
134139
135140
.c6 .c29 {
136141
margin-right: -1px;
142+
margin-bottom: 8px;
137143
}
138144
139145
.c6 .c29:first-child {
@@ -1095,10 +1101,15 @@ exports[`Input demo -- search 1`] = `
10951101
color: #4074e1;
10961102
}
10971103
1104+
.c6 {
1105+
margin-bottom: -8px;
1106+
}
1107+
10981108
.c6 .c7,
10991109
.c6 .style__RadioTagWrap-sc-25j3mq-3,
11001110
.c6 .style__RadioCardWrap-sc-25j3mq-8 {
11011111
margin-right: 8px;
1112+
margin-bottom: 8px;
11021113
}
11031114
11041115
.c6 .c7:last-child,
@@ -1109,6 +1120,7 @@ exports[`Input demo -- search 1`] = `
11091120
11101121
.c6 .c32 {
11111122
margin-right: -1px;
1123+
margin-bottom: 8px;
11121124
}
11131125
11141126
.c6 .c32:first-child {

0 commit comments

Comments
 (0)