mirror of
https://github.com/ant-design/ant-design.git
synced 2025-08-05 23:46:28 +08:00
Fix spin compatibility, close #3755
This commit is contained in:
parent
6c16d738ee
commit
985d20ad80
@ -63,7 +63,7 @@ export default class Spin extends React.Component<SpinProps, any> {
|
||||
clearTimeout(this.debounceTimeout);
|
||||
}
|
||||
if (currentSpinning && !spinning) {
|
||||
this.debounceTimeout = setTimeout(() => this.setState({ spinning }), 500);
|
||||
this.debounceTimeout = setTimeout(() => this.setState({ spinning }), 300);
|
||||
} else {
|
||||
this.setState({ spinning });
|
||||
}
|
||||
@ -103,7 +103,7 @@ export default class Spin extends React.Component<SpinProps, any> {
|
||||
if (this.isNestedPattern()) {
|
||||
const containerClassName = classNames({
|
||||
[`${prefixCls}-container`]: true,
|
||||
[`${prefixCls}-filter`]: spinning,
|
||||
[`${prefixCls}-blur`]: spinning,
|
||||
});
|
||||
return (
|
||||
<Animate
|
||||
|
@ -76,7 +76,7 @@
|
||||
position: relative;
|
||||
}
|
||||
|
||||
&-filter {
|
||||
&-blur {
|
||||
opacity: 0.7;
|
||||
-webkit-filter: blur(1px);
|
||||
filter: blur(1px);
|
||||
@ -167,7 +167,7 @@
|
||||
|
||||
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
|
||||
/* IE10+ */
|
||||
.@{ant-prefix}-spin-nested-loading > .@{ant-prefix}-spin-container {
|
||||
.@{spin-prefix-cls}-blur {
|
||||
background: #fff;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user