From 96a9792f5bf1ded516bd02c5371771fed09b0a1a Mon Sep 17 00:00:00 2001
From: Robert Kaussow <mail@geeklabor.de>
Date: Wed, 22 Sep 2021 21:52:07 +0200
Subject: [PATCH] fix: toggle visibility on mobile nav (#93)

---
 layouts/partials/site-header.html | 2 +-
 src/sass/_mobile.scss             | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/layouts/partials/site-header.html b/layouts/partials/site-header.html
index 12e8a18..bf9a6d5 100644
--- a/layouts/partials/site-header.html
+++ b/layouts/partials/site-header.html
@@ -14,7 +14,7 @@
 <nav class="gblog-nav">
     <input type="checkbox" id="menu-control" class="hidden">
     <div class="gblog-nav__control">
-        <label for="menu-control"  class="flex align-center justify-center">
+        <label for="menu-control" class="flex align-center justify-center">
             <svg class="icon gblog_menu"><use xlink:href="#gblog_menu"></use></svg>
             <svg class="icon gblog_clear"><use xlink:href="#gblog_clear"></use></svg>
             <span>Nav</span>
diff --git a/src/sass/_mobile.scss b/src/sass/_mobile.scss
index 64d477b..164ad02 100644
--- a/src/sass/_mobile.scss
+++ b/src/sass/_mobile.scss
@@ -13,6 +13,7 @@
       flex-direction: column;
       justify-content: center;
       max-height: 0;
+      visibility: hidden;
       overflow: hidden;
     }
 
@@ -70,6 +71,7 @@
 
 #menu-control:checked ~ .gblog-nav__list {
   max-height: 100%;
+  visibility: visible;
 }
 
 #menu-control:checked ~ .gblog-nav__control {