mirror of
https://github.com/ant-design/ant-design.git
synced 2025-08-06 16:06:28 +08:00
Better default margin for Checkbox & Radio, close #2137
This commit is contained in:
parent
8f60a3c483
commit
3cf0a59916
@ -13,6 +13,6 @@ function onChange(e) {
|
||||
}
|
||||
|
||||
ReactDOM.render(
|
||||
<Checkbox defaultChecked={false} onChange={onChange}>Checkbox</Checkbox>
|
||||
<Checkbox onChange={onChange}>Checkbox</Checkbox>
|
||||
, mountNode);
|
||||
````
|
||||
|
@ -156,6 +156,9 @@
|
||||
.@{checkbox-prefix-cls}-wrapper {
|
||||
cursor: pointer;
|
||||
font-size: @font-size-base;
|
||||
margin-bottom: 8px;
|
||||
margin-right: 8px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.@{checkbox-prefix-cls}-wrapper + span,
|
||||
|
@ -24,6 +24,9 @@
|
||||
line-height: 1;
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
label& {
|
||||
margin-right: 8px;
|
||||
}
|
||||
&:hover,
|
||||
&-focused {
|
||||
.@{radio-inner-prefix-cls} {
|
||||
@ -107,6 +110,7 @@
|
||||
|
||||
span.@{radio-prefix-cls} + * {
|
||||
margin-left: 8px;
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
.@{radio-prefix-cls} {
|
||||
|
Loading…
Reference in New Issue
Block a user