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

fix: spin should mask content, close: #3091

Browse Source
This commit is contained in:
Benjy Cui 2016-09-20 14:51:43 +08:00
parent 3958eb4771
commit 9b99c3886d
4 changed files with 29 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/button/button.tsx
View File

@ -1,4 +1,4 @@
import * as React from 'react';
import React from 'react';
import classNames from 'classnames';
import { findDOMNode } from 'react-dom';
import Icon from '../icon';

2
components/spin/demo/nested.md
View File

@ -1,6 +1,6 @@
---
order: 3
title:
title:
zh-CN: 卡片加载中
en-US: Embedded mode
---

2
components/spin/index.tsx
View File

@ -1,4 +1,4 @@
import * as React from 'react';
import React from 'react';
import { PropTypes } from 'react';
import { findDOMNode } from 'react-dom';
import classNames from 'classnames';

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

@ -29,15 +29,34 @@
&-nested-loading & {
position: absolute;
top: 50%;
height: 20px;
line-height: 20px;
margin-top: -10px;
z-index: 4;
text-align: center;
height: 100%;
width: 100%;
z-index: 4;
&-dot {
display: inline-block;
position: absolute;
top: 50%;
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;
}
&-text {
position: absolute;
top: 50%;
width: 100%;
padding-top: @spin-dot-size / 2;
}
&-sm &-text {
padding-top: @spin-dot-size-sm / 2;
}
&-lg &-text {
padding-top: @spin-dot-size-lg / 2;
}
}