aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--src/index.html19
-rw-r--r--src/js/menu-magic.js7
2 files changed, 13 insertions, 13 deletions
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(){