mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-11-24 02:59:58 +08:00
Code Issues Actions 5 Packages Projects Releases Wiki Activity

fix: 修复 Spin 垂直居中问题 close #3097 (#3214)

Browse Source
This commit is contained in:
ddcat1115 2016-09-30 17:44:55 +08:00 committed by Benjy Cui
parent 06e4eaa7d5
commit 96e71a4147
1 changed files with 17 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
components/spin/style/index.less
View File

@ -46,17 +46,29 @@
margin: -@spin-dot-size-lg / 2;
}
&-show-text .@{spin-prefix-cls}-dot {
margin: -@spin-dot-size / 2 - @font-size-base / 2;
}
&-show-text.@{spin-prefix-cls}-sm .@{spin-prefix-cls}-dot {
margin: -@spin-dot-size-sm / 2 - @font-size-base / 2;
}
&-show-text.@{spin-prefix-cls}-lg .@{spin-prefix-cls}-dot {
margin: -@spin-dot-size-lg / 2 - @font-size-base / 2;
}
&-text {
position: absolute;
top: 50%;
width: 100%;
padding-top: @spin-dot-size / 2;
padding-top: (@spin-dot-size - @font-size-base) / 2;
}
&-sm &-text {
padding-top: @spin-dot-size-sm / 2;
&-sm .@{spin-prefix-cls}-text {
padding-top: (@spin-dot-size-sm - @font-size-base) / 2;
}
&-lg &-text {
padding-top: @spin-dot-size-lg / 2;
&-lg .@{spin-prefix-cls}-text {
padding-top: (@spin-dot-size-lg - @font-size-base) / 2;
}
}