From 9a6fc6217914074f34b87156b786aa59e93c9ebd Mon Sep 17 00:00:00 2001
From: Hamcha <hamcha@crunchy.rocks>
Date: Sun, 21 Jun 2020 13:12:40 +0200
Subject: [PATCH] Replace visibility jank with display

---
 style/main.scss | 44 +++++++++++++++++++++++---------------------
 1 file changed, 23 insertions(+), 21 deletions(-)

diff --git a/style/main.scss b/style/main.scss
index 2dc4ba9..160658f 100644
--- a/style/main.scss
+++ b/style/main.scss
@@ -64,33 +64,35 @@ body {
   display: grid;
   overflow: hidden;
   .page {
-    visibility: hidden;
+    //visibility: hidden;
+    display: none;
     overflow-y: scroll;
     grid-row: 1;
     grid-column: 1;
     &.active {
-      visibility: visible;
-    }
-    &.waiting {
-      user-select: none;
-      position: fixed;
-      top: 0;
-      left: 0;
-      width: 100vw;
-      height: 100vh;
-      overflow: hidden;
-      display: flex;
-      flex-direction: column;
-      height: 100%;
-      .speen {
-        flex: 1;
+      //visibility: visible;
+      display: inherit;
+      &.waiting {
+        user-select: none;
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100vw;
+        height: 100vh;
+        overflow: hidden;
         display: flex;
         flex-direction: column;
-        justify-content: center;
-        align-items: center;
-        img {
-          width: 60vmin;
-          opacity: 0.9;
+        height: 100%;
+        .speen {
+          flex: 1;
+          display: flex;
+          flex-direction: column;
+          justify-content: center;
+          align-items: center;
+          img {
+            width: 60vmin;
+            opacity: 0.9;
+          }
         }
       }
     }