test/ant-design
1
0
Fork 0
mirror of https://gitee.com/ant-design/ant-design.git synced 2024-11-30 19:19:26 +08:00
Code Issues Actions 68 Packages Projects Releases Wiki Activity

Fix styoe of spin inside spin, close #4971

Browse Source
This commit is contained in:
afc163 2017-02-21 15:14:35 +08:00
parent 68f3641a90
commit 7f404f1e20
1 changed files with 39 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -24,53 +24,52 @@
position: relative; position: relative;
} }
&-nested-loading & { &-nested-loading {
> div > .@{spin-prefix-cls} {
position: absolute; position: absolute;
height: 100%; height: 100%;
width: 100%; width: 100%;
z-index: 4; z-index: 4;
.@{spin-prefix-cls}-dot {
&-dot {
position: absolute; position: absolute;
top: 50%; top: 50%;
left: 50%; left: 50%;
margin: -@spin-dot-size / 2; margin: -@spin-dot-size / 2;
} }
.@{spin-prefix-cls}-text {
&-sm .@{spin-prefix-cls}-dot {
margin: -@spin-dot-size-sm / 2;
}
&-lg .@{spin-prefix-cls}-dot {
margin: -@spin-dot-size-lg / 2;
}
&-show-text .@{spin-prefix-cls}-dot {
margin-top: -@spin-dot-size / 2 - 10;
}
&-show-text.@{spin-prefix-cls}-sm .@{spin-prefix-cls}-dot {
margin-top: -@spin-dot-size-sm / 2 - 10;
}
&-show-text.@{spin-prefix-cls}-lg .@{spin-prefix-cls}-dot {
margin-top: -@spin-dot-size-lg / 2 - 10;
}
&-text {
position: absolute; position: absolute;
top: 50%; top: 50%;
width: 100%; width: 100%;
padding-top: (@spin-dot-size - @font-size-base) / 2 + 2; padding-top: (@spin-dot-size - @font-size-base) / 2 + 2;
} }
&.@{spin-prefix-cls}-show-text .@{spin-prefix-cls}-dot {
&-sm .@{spin-prefix-cls}-text { margin-top: -@spin-dot-size / 2 - 10;
padding-top: (@spin-dot-size-sm - @font-size-base) / 2 + 2; }
} }
&-lg .@{spin-prefix-cls}-text { > div > .@{spin-prefix-cls}-sm {
.@{spin-prefix-cls}-dot {
margin: -@spin-dot-size-sm / 2;
}
.@{spin-prefix-cls}-text {
padding-top: (@spin-dot-size-sm - @font-size-base) / 2 + 2;
}
&.@{spin-prefix-cls}-show-text .@{spin-prefix-cls}-dot {
margin-top: -@spin-dot-size-sm / 2 - 10;
}
}
> div > .@{spin-prefix-cls}-lg {
.@{spin-prefix-cls}-dot {
margin: -@spin-dot-size-lg / 2;
}
.@{spin-prefix-cls}-text {
padding-top: (@spin-dot-size-lg - @font-size-base) / 2 + 2; padding-top: (@spin-dot-size-lg - @font-size-base) / 2 + 2;
} }
&.@{spin-prefix-cls}-show-text .@{spin-prefix-cls}-dot {
margin-top: -@spin-dot-size-lg / 2 - 10;
}
}
} }
&-container { &-container {