mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-11-24 11:10:01 +08:00
Code Issues Actions 25 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

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

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