Fix Globe appearing when changing page?!

Apparently the globe was running too early and would not show up from a page to another Waiting for the page transition is helping Thanks Baptiste!
2022-07-10 12:51:19 +02:00
parent 895b30e527
commit 18c2b1b16d
3 changed files with 33 additions and 16 deletions
--- a/src/style/modules/_globe.scss
+++ b/src/style/modules/_globe.scss
@@ -51,6 +51,16 @@
    }
 }

+// Canvas
+:global(.globe-canvas) {
+    transition: opacity 0.2s var(--ease-quart);
+
+    // Hidden state
+    &:global(.is-hidden) {
+        opacity: 0;
+        transform: translate3d(0, 24px, 0);
+    }
+}

 /*
 ** Markers