_sidebar.scss in ovh-jekyll-doc-theme-0.2.1

- old
+ new

@@ -1,11 +1,11 @@
 $sidebar-color-main: $oui-color-zodiac;
 $sidebar-color-secondary: $oui-color-rhino;
 
 @keyframes openNavEntry {
     from {
-        left: -25%;
+        left: -40%;
         opacity: 0;
     }
     to {
         left: 0;
         opacity: 1;
@@ -109,12 +109,13 @@
 
         &--active {
             height: auto;
 
             .navbar__link--lvl-2 {
-                animation: openNavEntry .2s ease-in .1s;
+                animation: openNavEntry .35s ease-in-out .1s;
                 left: 0;
+                opacity: 1;
             }
         }
     }
 
     &__entry {
@@ -133,11 +134,11 @@
 
         &--lvl {
             &-2 {
                 padding-left: $space-l2;
                 position: relative;
-                left: -25%;
+                left: -40%;
                 opacity: 0;
             }
         }
 
         &:hover,
@@ -154,10 +155,11 @@
             color: white;
             opacity: .6;
             transform: rotate(0);
 
             &--active {
-                animation: selectedNavEntry .1s ease-in .1s;
+                transform: rotate(90deg);
+                animation: selectedNavEntry .2s ease-in .1s;
             }
         }
 
         &-active {
             font-weight: 600;