fix project menu performance
parent
78e7b936a5
commit
649ea9070c
|
@ -19,5 +19,5 @@ block content
|
||||||
}, 1000);
|
}, 1000);
|
||||||
|
|
||||||
setTimeout(function () {
|
setTimeout(function () {
|
||||||
document.body.className = 'closed-project-nav';
|
document.body.className = '';
|
||||||
}, 6000);
|
}, 6000);
|
||||||
|
|
|
@ -15,32 +15,36 @@ body {
|
||||||
-ms-text-size-adjust: 100%;
|
-ms-text-size-adjust: 100%;
|
||||||
-webkit-text-size-adjust: 100%;
|
-webkit-text-size-adjust: 100%;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
.project-nav {
|
||||||
|
@include transform(translate3d(-300px, 0, 0));
|
||||||
|
@include transition (transform 1s ease);
|
||||||
|
}
|
||||||
|
.master {
|
||||||
|
@include transform(translate3d(0, 0, 0));
|
||||||
|
@include transition (transform 1s ease);
|
||||||
|
&.ng-animate {
|
||||||
|
@include transition();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.menu {
|
||||||
|
@include transform(translate3d(0, 0, 0));
|
||||||
|
@include transition (transform 1s ease);
|
||||||
|
}
|
||||||
&.open-project-nav {
|
&.open-project-nav {
|
||||||
.project-nav {
|
.project-nav {
|
||||||
@include transform(translate3d(0, 0, 0));
|
@include transform(translate3d(0, 0, 0));
|
||||||
// @include transition (transform 1s ease);
|
@include transition (transform 1s ease);
|
||||||
}
|
}
|
||||||
.master {
|
.master {
|
||||||
@include transform(translate3d(300px, 0, 0));
|
@include transform(translate3d(300px, 0, 0));
|
||||||
//@include transition (transform 1s ease);
|
@include transition (transform 1s ease);
|
||||||
|
&.ng-animate {
|
||||||
|
@include transition();
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.menu {
|
.menu {
|
||||||
@include transform(translate3d(300px, 0, 0));
|
@include transform(translate3d(300px, 0, 0));
|
||||||
// @include transition (transform 1s ease);
|
@include transition (transform 1s ease);
|
||||||
}
|
|
||||||
}
|
|
||||||
&.closed-project-nav {
|
|
||||||
.project-nav {
|
|
||||||
@include transform(translate3d(-300px, 0, 0));
|
|
||||||
// @include transition (transform 1s ease);
|
|
||||||
}
|
|
||||||
.master {
|
|
||||||
@include transform(translate3d(0, 0, 0));
|
|
||||||
// @include transition (transform 1s ease);
|
|
||||||
}
|
|
||||||
.menu {
|
|
||||||
@include transform(translate3d(0, 0, 0));
|
|
||||||
// @include transition (transform 1s ease); */
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue