moparisthebest/mail
1
0
Fork 0
mirror of https://github.com/moparisthebest/mail synced 2024-12-22 15:28:49 -05:00
Code Issues Releases Wiki Activity

make nav css transition more stable on iOS

Browse Source
This commit is contained in:
Mario Volke 2014-11-10 13:04:14 +01:00 committed by Tankred Hase
parent aff3854cb9
commit f0b1d7934d
1 changed files with 12 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/sass/blocks/layout/_app.scss
View File

@ -73,6 +73,7 @@
} }
&__main { &__main {
height: 100%; height: 100%;
transform: translateZ(0);
@include respond-to(lg) { @include respond-to(lg) {
position: absolute; position: absolute;
@ -85,6 +86,17 @@
} }
} }
// Animation
@include respond-to(not-lg) {
will-change: transform;
transform-style: preserve-3d;
transition: transform 0.15s ease-out;
.app__container:after {
will-change: transform;
transform-style: preserve-3d;
}
}
// Modifier to open sidebar // Modifier to open sidebar
&--show-aside { &--show-aside {
@include respond-to(not-lg) { @include respond-to(not-lg) {
@ -94,15 +106,4 @@
} }
} }
} }
// Animation
@include respond-to(not-lg) {
will-change: transform;
transform-style: preserve3d;
transition: transform 0.15s ease-out;
.app__container:after {
will-change: transform;
transform-style: preserve3d;
}
}
} }