sarlink/mapmaker
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

move menu btton to bottom and hide whwn expanxed

Browse Source
This commit is contained in:
Shihaam Abdul Rahman
2025-12-09 02:09:23 +05:00
parent 2a7c97cc0b
commit 8ade34f91b
2 changed files with 10 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app.js
View File

@@ -1972,11 +1972,13 @@ document.addEventListener('DOMContentLoaded', () => {
function toggleSidebar() { function toggleSidebar() {
toolbar.classList.toggle('open'); toolbar.classList.toggle('open');
overlay.classList.toggle('show'); overlay.classList.toggle('show');
sidebarToggle.classList.toggle('hidden');
} }
function closeSidebar() { function closeSidebar() {
toolbar.classList.remove('open'); toolbar.classList.remove('open');
overlay.classList.remove('show'); overlay.classList.remove('show');
sidebarToggle.classList.remove('hidden');
} }
// Toggle sidebar when button is clicked // Toggle sidebar when button is clicked

15
styles.css
View File

@@ -178,7 +178,7 @@ body {
.sidebar-toggle { .sidebar-toggle {
display: none; display: none;
position: fixed; position: fixed;
top: 15px; bottom: 15px;
left: 15px; left: 15px;
z-index: 2000; z-index: 2000;
background: #2c3e50; background: #2c3e50;
@@ -214,17 +214,18 @@ body {
.toolbar.open { .toolbar.open {
left: 0; left: 0;
} }
.map-container { .map-container {
width: 100%; width: 100%;
} }
/* Adjust sum display position on mobile to avoid toggle button */ /* Hide toggle button when sidebar is open */
.sum-display { .sidebar-toggle.hidden {
top: 70px; display: none !important;
left: 10px;
} }
/* Sum display is fine at top on mobile now that toggle is at bottom */
/* Overlay when sidebar is open */ /* Overlay when sidebar is open */
.sidebar-overlay { .sidebar-overlay {
display: none; display: none;