From 8ca6d57c872785445d1dcf631b31e7ed0706ee8c Mon Sep 17 00:00:00 2001
From: Jonathan Dahan <git@jonathan.is>
Date: Wed, 22 May 2024 15:23:57 -0400
Subject: [PATCH] Use visibility instead of display to fix wobble

---
 style.css | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/style.css b/style.css
index 9b30e20..812d760 100644
--- a/style.css
+++ b/style.css
@@ -35,7 +35,7 @@ header {
       margin: 0;
       /* turn the menu into a dynamic one for highly vertical devices */
       @media (orientation: portrait) {
-        & li { display: none; transition: display 3s ease }
+        & li { transition: display 3s ease; visibility: collapse }
         /* TODO: try this
         transition: opacity 1s ease-out;
     opacity: 0;
@@ -45,8 +45,8 @@ header {
      opacity: 1;
     height: auto;
     */
-        & li.active { display: inherit }
-        &:hover li { display: block }
+        & li.active { visibility: inherit  }
+        &:hover li { visibility: initial }
       }
     }
   }