From bff30aeed693436b383719a3e0c8c8befce4ce9d Mon Sep 17 00:00:00 2001
From: Aadil Ayub <aadilayub@protonmail.com>
Date: Sat, 19 Mar 2022 14:52:05 +0500
Subject: [PATCH] make tools submenu visible only on click/tap

---
 themes/lumbung-theme/layouts/partials/header.html |  2 +-
 themes/lumbung-theme/static/css/main.css          | 13 +++++++++++++
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/themes/lumbung-theme/layouts/partials/header.html b/themes/lumbung-theme/layouts/partials/header.html
index a83136e..9327243 100644
--- a/themes/lumbung-theme/layouts/partials/header.html
+++ b/themes/lumbung-theme/layouts/partials/header.html
@@ -38,7 +38,7 @@
         <ul>
             <li><a href="/">home</a></li>
             <li><a href="/about/">about</a></li>
-            <li class="has-submenu">tools
+            <li class="has-submenu" onclick="this.classList.toggle('opened')">tools
                 <ul class="submenu">
                     <li><a href="/calendar/">calendar</a></li>
                     <li><a href="/tv/">tv</a></li>
diff --git a/themes/lumbung-theme/static/css/main.css b/themes/lumbung-theme/static/css/main.css
index da8f16e..d62243a 100644
--- a/themes/lumbung-theme/static/css/main.css
+++ b/themes/lumbung-theme/static/css/main.css
@@ -269,6 +269,19 @@ body {
     display: flex;
 }
 
+#top-menu .drawer .submenu {
+    visibility: hidden;
+}
+
+#top-menu .drawer .submenu li {
+   padding: 0;
+   padding-top: 1em; 
+}
+
+#top-menu .drawer .opened .submenu {
+    visibility: visible;
+}
+
 .drawer .has-submenu {
     padding-left: 2em;
 }