amorfo77/sogo
1
0
Fork 0
mirror of https://github.com/inverse-inc/sogo.git synced 2026-09-13 01:18:04 +00:00
Code Issues Projects Releases Wiki Activity

Alternate mobile transitions

Browse Source
This commit is contained in:
Benoit Favreault
2015-06-12 11:41:27 -04:00
committed by Francis Lachapelle
parent 2446677172
commit 2c8d1b5db7
5 changed files with 53 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
UI/WebServerResources/scss/views/_view.scss
+15 -8
View File
@@ -62,26 +62,33 @@ $detailView-width: grid-step(8) !global;
width: 100%;
min-width: 100%;
background-color: sg-color($sogoPaper, 50);
transform: translateX(-100%);
transition: all 0.2s $swift-ease-in-out-timing-function;
transform: translateX(-100%) scale(1);
filter: opacity(1);
transform-origin: 50% 50%;
transition: all 0.5s $swift-ease-in-out-timing-function;
&.sg-close {
transition-delay: 0.2s;
transform: translateX(-200%);
transition: all 0.35s $swift-ease-in-out-timing-function;
transition-delay: 0.15s;
transform: translateX(-100%) scale(0);
//transform: translateX(-200%);
&.ng-enter {
filter: opacity(0);
transform: translateX(-100%) scale(0);
}
}
&.ng-enter {
transform: translateX(0);
transform: translateX(-100%) scale(0);
//transform: translateX(0);
}
&.ng-enter.ng-enter-active,
&.ng-leave {
transform: translateX(-100%) scale(1);
filter: opacity(1);
transform: translateX(-100%);
//transform: translateX(-100%);
}
&.ng-leave.ng.leave-active {
transform: translateX(-100%) scale(0);
filter: opacity(1);
transform: translateX(-200%);
//transform: translateX(-200%);
}
[class *= md-whiteframe-] {
box-shadow: none;