mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-11-24 19:19:57 +08:00
Code Issues Actions 31 Packages Projects Releases Wiki Activity

upgrade animate

Browse Source
This commit is contained in:
yiminghe 2015-08-24 00:50:22 +08:00
parent 3b3ae23fe2
commit 7a6f190e9e
3 changed files with 5 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
components/tag/index.jsx
View File

@ -34,7 +34,6 @@ class AntTag extends React.Component {
let close = this.props.closable ?
<i className="anticon anticon-cross" onClick={this.close.bind(this)}></i> : '';
let colorClass = this.props.color ? this.props.prefixCls + '-' + this.props.color : '';
let className = this.props.prefixCls + ' ' + colorClass;
className = this.state.closing ? className + ' ' + this.props.prefixCls + '-close' : className;

10
style/components/dialog/Dialog.less
View File

@ -92,14 +92,4 @@
text-align: right;
border-radius: 0 0 5px 5px;
}
.effect() {
animation-duration: 0.3s;
animation-fill-mode: both;
}
&-wrap-hidden > &&-zoom-enter,
&-wrap-hidden > &&-zoom-leave {
display: block;
}
}

10
style/components/notification.less
View File

@ -90,24 +90,24 @@
}
}
.fade-effect() {
.notification-fade-effect() {
animation-duration: 0.3s;
animation-fill-mode: both;
animation-timing-function: @ease-in-out;
}
&-fade-enter {
&-fade-enter,&-fade-appear {
opacity: 0;
.fade-effect();
.notification-fade-effect();
animation-play-state: paused;
}
&-fade-leave {
.fade-effect();
.notification-fade-effect();
animation-play-state: paused;
}
&-fade-enter&-fade-enter-active {
&-fade-enter&-fade-enter-active, &-fade-appear&-fade-appear-active {
animation-name: NotificationFadeIn;
animation-play-state: running;
}