perf(component/layer): improve the performance of the layer transitio…

…n using translate3d (#1206) Co-authored-by: Thomas PIERRE <thomaspierre@ext.adeo.com>
adeo · Oct 10, 2022 · ec827b9 · ec827b9
1 parent fafd6d2
commit ec827b9
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/packages/styles/components/_c.layer.scss b/packages/styles/components/_c.layer.scss
@@ -17,15 +17,15 @@
     justify-content: flex-start;
 
     #{$parent}__dialog {
-      transform: translateX(-100%);
+      transform: translate3d(-100%, 0, 0);
     }
   }
 
   &:not(#{$parent}--ltr) {
     justify-content: flex-end;
 
     #{$parent}__dialog {
-      transform: translateX(100%);
+      transform: translate3d(100%, 0, 0);
     }
   }
 
@@ -242,7 +242,7 @@
   /* States */
   #{$parent}__dialog.is-open {
     pointer-events: all;
-    transform: translateX(0);
+    transform: translate3d(0, 0, 0);
     transition: visibility 0s linear 0s, transform 0.4s;
     visibility: visible;
   }