From 666db815d995099c12477d3f632f2ce34fedfc70 Mon Sep 17 00:00:00 2001
From: kaotisk <kaotisk@arching-kaos.org>
Date: Tue, 5 Sep 2023 02:16:57 +0300
Subject: Fixed Stellar menu

---
 src/index.html       | 19 ++++++-------------
 src/js/menu-magic.js |  7 +++++++
 2 files changed, 13 insertions(+), 13 deletions(-)

(limited to 'src')

diff --git a/src/index.html b/src/index.html
index f19761b..dee5f92 100644
--- a/src/index.html
+++ b/src/index.html
@@ -31,7 +31,7 @@
                         <button class="has-dropdown menu-clickable" id="explore-submenu-link" onclick="exploreSubToggle(this)">Explore</button>
                         <button class="menu-clickable" id="#/chat-section" onclick="menusel(this)">Chat</button>
                         <button class="menu-clickable" id="#/settings-section" onclick="menusel(this)">Settings</button>
-                        <button class="menu-clickable" id="#/stellar-section" onclick="menusel(this)">Stellar</button>
+                        <button class="has-dropdown menu-clickable" id="#/stellar-section" onclick="stellarSubToggle(this)">Stellar</button>
                         <button class="menu-clickable" id="#/about-section" onclick="menusel(this)">About</button>
                     </div>
                     <div id="menu" class="linkin lower-floor">
@@ -47,18 +47,11 @@
                             <button class="menu-clickable" id="#/stats-section" onclick="menusel(this)">Stats</button>
                         </div>
                         <div class="dropdown" id="stellar-submenu">
-                            <span id="mypage-section-link">
-                                <button href="#mypage-section" onclick="menusel(this)">My page</button>
-                            </span>
-                            <span id="stellar-balances-link">
-                                <button href="#stellar-balances" onclick="menusel(this)">Balances</button>
-                            </span>
-                            <span id="stellar-data-config-link">
-                                <button href="#stellar-data-config" onclick="menusel(this)">Data</button>
-                            </span>
-                            <span id="arching-kaos-id-link">
-                                <button href="#arching-kaos-id" onclick="menusel(this)">AKID</button>
-                            </span>
+                            <button class="menu-clickable" onclick="stellarSubToggle(this)">..</button>
+                            <button class="menu-clickable" id="#/mypage-section" onclick="menusel(this)">My page</button>
+                            <button class="menu-clickable" id="#/stellar-balances" onclick="menusel(this)">Balances</button>
+                            <button class="menu-clickable" id="#/stellar-data-config" onclick="menusel(this)">Data</button>
+                            <button class="menu-clickable" id="#/arching-kaos-id" onclick="menusel(this)">AKID</button>
                         </div>
                     </div>
                 </nav>
diff --git a/src/js/menu-magic.js b/src/js/menu-magic.js
index bc48a65..b4ee247 100644
--- a/src/js/menu-magic.js
+++ b/src/js/menu-magic.js
@@ -25,6 +25,13 @@ function exploreSubToggle(){
     lowerFloor.style.display = lowerFloor.style.display === 'none' ? 'flex' : 'none';
 }
 
+var stellarSubmenu = document.querySelector('#stellar-submenu');
+stellarSubmenu.style.display = 'none';
+function stellarSubToggle(){
+    stellarSubmenu.style.display = stellarSubmenu.style.display === 'none' ? 'flex' : 'none';
+    upperFloor.style.display = upperFloor.style.display === 'none' ? 'flex' : 'none';
+    lowerFloor.style.display = lowerFloor.style.display === 'none' ? 'flex' : 'none';
+}
 
 // Function to hide all the panes
 function menuinit(){
-- 
cgit v1.2.3