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