Use translate3d instead of translateY

lex111 · lex111 · commit 31c57e28705a · 2021-02-08T17:17:10.000+03:00
diff --git a/packages/docusaurus-theme-classic/src/theme/Navbar/styles.module.css b/packages/docusaurus-theme-classic/src/theme/Navbar/styles.module.css
@@ -18,10 +18,10 @@
 }
 
 .navbarHideable {
-  transform: translateY(0);
+  transform: translate3d(0, 0, 0);
   transition: transform var(--ifm-transition-fast) ease;
 }
 
 .navbarHidden {
-  transform: translateY(calc(var(--ifm-navbar-height) * -1));
+  transform: translate3d(0, calc(var(--ifm-navbar-height) * -1), 0);
 }

Original file line number	Diff line number	Diff line change
`@@ -18,10 +18,10 @@`
`18`	`18`	`}`
`19`	`19`
`20`	`20`	`.navbarHideable {`
`21`		`- transform: translateY(0);`
	`21`	`+ transform: translate3d(0, 0, 0);`
`22`	`22`	`transition: transform var(--ifm-transition-fast) ease;`
`23`	`23`	`}`
`24`	`24`
`25`	`25`	`.navbarHidden {`
`26`		`- transform: translateY(calc(var(--ifm-navbar-height) * -1));`
	`26`	`+ transform: translate3d(0, calc(var(--ifm-navbar-height) * -1), 0);`
`27`	`27`	`}`