Change navigation submenu transition duration and ease
The current submenu navigation expanstion is too fast.
This commit will change the speed from 110ms to 400ms
and change the timing function from ease to cubic-bezier.
Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Change-Id: Iec1b9ac9dd19aa8ef43bf1845ab4f1d259b9ef0b
diff --git a/app/common/styles/directives/app-navigation.scss b/app/common/styles/directives/app-navigation.scss
index 4e66ee4..d7e8909 100644
--- a/app/common/styles/directives/app-navigation.scss
+++ b/app/common/styles/directives/app-navigation.scss
@@ -144,11 +144,10 @@
margin: 0;
list-style-type: none;
display: block;
- @include fastTransition-all;
+ transition: left $duration--slow-01 $standard-easing--productive;
&.opened {
left: $nav__toplvlWidth;
box-shadow: 7px 0 28px -10px $base-02--02;
- @include fastTransition-all;
}
a {
padding: 1.2em 1em 1.2em 1em;