From 340599856e4247821da2d8c071fef89b2636f2a7 Mon Sep 17 00:00:00 2001
From: DhruvSinha2003 <dhruv.sinha06@gmail.com>
Date: Tue, 7 Jan 2025 23:09:57 +0530
Subject: [PATCH] moved top 3 buttons and mcplant to a burger menu

---
 index.html      | 15 ++++++++++++---
 src/settings.js |  9 +++++++++
 src/style.css   | 31 +++++++++++++++++++++++++++++++
 3 files changed, 52 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index 3ae662b..1520fdc 100644
--- a/index.html
+++ b/index.html
@@ -17,9 +17,18 @@ <h1 style="margin-bottom: 0px">nudel</h1>
       </span>
       <nav>
         <!-- <button id="zen-button">☮ Zen</button> -->
-        <button id="about-button">? About</button>
-        <button id="export-button">⇓ Export</button>
-        <button id="settings-button">⚙ Settings</button>
+        <div class="dropdown">
+          <button>☰</button>
+          <div class="dropdown-content">
+            <button id="about-button">? About</button>
+            <button id="export-button">⇓ Export</button>
+            <button id="settings-button">⚙ Settings</button>
+            <div class="mcplant">
+              <button>🌱 McPlant</button>
+              <span class="tooltip">Vegetarianism propaganda in my burger menu?!</span>
+            </div>
+          </div>
+        </div>
       </nav>
     </header>
     <div class="slots">
diff --git a/src/settings.js b/src/settings.js
index b86ac8f..e34af05 100644
--- a/src/settings.js
+++ b/src/settings.js
@@ -237,6 +237,15 @@ function getDocumentText(view) {
   return doc.children ? doc.children.flatmap((c) => c.text) : doc.text;
 }
 
+document.addEventListener('click', (e) => {
+  const dropdown = document.querySelector('.dropdown');
+  if (e.target.closest('.dropdown button')) {
+    dropdown.classList.toggle('open');
+  } else {
+    dropdown.classList.remove('open');
+  }
+});
+
 exportButton.addEventListener('click', () => {
   const date = new Date().toISOString().substr(0, 16).replace('T', ' ');
   const bundle = [`// "nudel ${date}" @by pastagang`, '//'];
diff --git a/src/style.css b/src/style.css
index 4711989..cfd0c19 100644
--- a/src/style.css
+++ b/src/style.css
@@ -382,3 +382,34 @@ iframe#shader {
   bottom: 0;
   right: 0;
 }
+
+.dropdown {
+  position: relative;
+}
+.dropdown-content {
+  display: none;
+  position: absolute;
+  right: 0;
+  top: 100%;
+  background: white;
+  z-index: 1;
+}
+.dropdown.open .dropdown-content,
+.dropdown:hover .dropdown-content {
+  display: block;
+}
+.mcplant {
+  position: relative;
+}
+.tooltip {
+  display: none;
+  position: absolute;
+  right: 100%;
+  white-space: nowrap;
+  background: black;
+  color: white;
+  padding: 4px;
+}
+.mcplant:hover .tooltip {
+  display: block;
+}