mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-06-07 17:44:35 +08:00
Code Issues Actions 18 Packages Projects Releases Wiki Activity

Fix switch overflow in certain situation, close #9928

Browse Source
This commit is contained in:
afc163 2018-07-16 19:47:28 +08:00
parent 152cae4d9f
commit 2cacfe78ea
1 changed files with 6 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
components/switch/style/index.less
View File

@ -104,23 +104,16 @@
} }
&-small&-checked { &-small&-checked {
&:before, &:before {
&:after {
left: 100%; left: 100%;
margin-left: @switch-sm-checked-margin-left; margin-left: @switch-sm-checked-margin-left;
} }
.@{switch-prefix-cls}-inner { .@{switch-prefix-cls}-inner {
margin-left: 3px; margin-left: 3px;
margin-right: 18px; margin-right: 18px;
} }
} }
&-small:active&-checked:before,
&-small:active&-checked:after {
margin-left: -16.5px;
}
&-small&-loading:before { &-small&-loading:before {
animation: AntSwitchSmallLoadingCircle 1s infinite linear; animation: AntSwitchSmallLoadingCircle 1s infinite linear;
font-weight: bold; font-weight: bold;
@ -134,15 +127,15 @@
margin-right: 24px; margin-right: 24px;
} }
&:before, &:before {
&:after {
left: 100%; left: 100%;
margin-left: -19px; margin-left: -19px;
} }
&:active:before, &:after {
&:active:after { left: 100%;
margin-left: -25px; transform: translateX(-100%);
margin-left: -1px;
} }
} }