mirrors/bootstrap
2
0
Fork 0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-05 16:42:29 +03:00
Code Activity

use transforms to make the dialog smooooth

Browse Source
This commit is contained in:
fat
2013-07-26 22:09:31 -07:00
parent fff2854c5e
commit 2cf1851d9f
5 changed files with 24 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
less/modals.less
+4 -4
View File
@@ -25,11 +25,11 @@
z-index: @zindex-modal-background;
// When fading in the modal, animate it to slide down
&.fade {
top: -25%;
.transition(~"opacity 0.3s linear, top 0.3s ease-out");
&.fade .modal-dialog {
.translate(0, -25%);
.transition-transform(~"0.3s ease-out");
}
&.fade.in { top: 0; }
&.fade.in .modal-dialog { .translate(0, 0)}
}
// Shell div to position the modal with bottom padding