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

Fix Modal animation

Browse Source
This commit is contained in:
afc163 2016-04-04 17:38:39 +08:00
parent 751042b938
commit 71ee13a2a8
3 changed files with 10 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/modal/Modal.jsx
View File

@ -15,7 +15,7 @@ export default class Modal extends React.Component {
onCancel: noop,
width: 520,
transitionName: 'zoom',
maskAnimation: 'fade',
maskTransitionName: 'fade',
confirmLoading: false,
visible: false,
}

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

@ -94,11 +94,17 @@
text-align: right;
border-radius: 0 0 @border-radius-base @border-radius-base;
}
&.zoom-enter,
&.zoom-appear {
animation-duration: .3s;
transform: none; // reset scale avoid mousePosition bug
opacity: 0;
}
}
@media (min-width: 768px) {
.@{dialog-prefix-cls} {
width: 600px;
margin: 30px auto;
margin: 100px auto;
}
}

1
style/core/motion/zoom.less
View File

@ -23,6 +23,7 @@
transform: scale(0);
}
100% {
opacity: 1;
transform: scale(1);
}
}