Explorar el Código

change transform when drawer mode

Yuki Takei hace 5 años
padre
commit
0a31044eab
Se han modificado 1 ficheros con 3 adiciones y 3 borrados
  1. 3 3
      src/client/styles/scss/_sidebar.scss

+ 3 - 3
src/client/styles/scss/_sidebar.scss

@@ -155,18 +155,18 @@
     max-width: 80vw;
     max-width: 80vw;
 
 
     // apply transition
     // apply transition
-    transition-property: left;
+    transition-property: transform;
     @include apply-navigation-transition();
     @include apply-navigation-transition();
   }
   }
 
 
   &:not(.open) {
   &:not(.open) {
     div[data-testid='Navigation'] {
     div[data-testid='Navigation'] {
-      left: -80vw;
+      transform: translateX(-100%);
     }
     }
   }
   }
   &.open {
   &.open {
     div[data-testid='Navigation'] {
     div[data-testid='Navigation'] {
-      left: 0;
+      transform: translateX(0);
     }
     }
   }
   }
 }
 }