Dereku/snappymail
1
0
Fork 0
mirror of https://github.com/the-djmaze/snappymail.git synced 2026-08-30 04:29:21 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add popups animation

Browse source
This commit is contained in:
RainLoop Team 2013-12-28 18:11:19 +04:00
parent f690ee1532
commit fd2c2346a8
23 changed files with 100 additions and 88 deletions
Download patch file Download diff file Expand all files Collapse all files

32
dev/Styles/Animations.less
View file

@ -64,11 +64,13 @@ html.rl-started-trigger.no-mobile #rl-content {
.rl-anim {
&.csstransitions.no-mobile #rl-content {
.transition(~"0.4s opacity cubic-bezier(0.250, 0.460, 0.450, 0.940)");
/*.transition(~"0.4s opacity cubic-bezier(0.250, 0.460, 0.450, 0.940)");*/
.transition(opacity 0.3s ease-out);
}
&.csstransitions.no-mobile .b-login-content .loginFormWrapper {
.transition(~"0.4s all cubic-bezier(0.250, 0.460, 0.450, 0.940)");
/*.transition(~"0.4s all cubic-bezier(0.250, 0.460, 0.450, 0.940)");*/
.transition(all 0.3s ease-out);
}
&.rgba.cssanimations.backgroundsize .e-strip-animation {
@ -148,22 +150,18 @@ html.rl-started-trigger.no-mobile #rl-content {
}
}
&.csstransitions .modal-open .popups .modal {
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
&.csstransitions .modal.fade {
.transition(all 0.2s ease-out);
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
transform: translateY(-20px);
/*.transition(~"0.3s all cubic-bezier(0.250, 0.460, 0.450, 0.940)");*/
.transition(0.1s all linear);
.scale(0.95);
}
.modal-open .popups .popup-active.modal {
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
&.in {
-webkit-transform: none;
-moz-transform: none;
transform: none;
}
}
&.cssanimations .b-compose.loading .b-header-toolbar {

9
dev/Styles/_BootstrapFix.less
View file

@ -221,6 +221,15 @@ html.no-rgba .modal {
}
}
.modal.fade {
.transition(none);
top: 0;
}
.modal.fade.in {
top: 0;
}
.modal.loginContent .modal-body, .modal.loginAdminContent .modal-body {
background-color: transparent !important;
}