fix(dashboard): move Exit Edit Widget Mode button to priority topbar

Physically moved 'Exit Edit Widget Mode' button from menu-only section
to priority buttons section in the topbar (header-right).

Changes:
- Moved button from line 52 (menu-only section) to line 27 (priority section)
- Button now appears right after 'Tracker Settings' in the topbar
- Changed from 'rpg-overflow-btn rpg-menu-only-btn' to 'rpg-priority-btn'

Button order in topbar:
1. Lock/Unlock Widgets
2. Enter Edit Mode
3. Tracker Settings
4. Exit Edit Mode ← Now here in the actual topbar!

The button is now always visible in the main header next to tabs and
hamburger menu, not hidden in dropdown menus.

File: src/systems/dashboard/dashboardTemplate.html
This commit is contained in:
Lucas 'Paperboy' Rose-Winters
2025-11-04 10:09:02 +11:00
parent 724281b6bb
commit 5f1310cf62
+4 -4
View File
@@ -24,6 +24,10 @@
<i class="fa-solid fa-sliders"></i> <i class="fa-solid fa-sliders"></i>
</button> </button>
<button id="rpg-dashboard-done-edit" class="rpg-dashboard-btn rpg-done-edit-btn rpg-priority-btn" style="display: none;" title="Exit Edit Widget Mode" aria-label="Done editing">
<i class="fa-solid fa-check"></i>
</button>
<!-- Full mode buttons (hidden on overflow) --> <!-- Full mode buttons (hidden on overflow) -->
<button id="rpg-dashboard-reset-layout" class="rpg-dashboard-btn rpg-reset-layout-btn rpg-overflow-btn" title="Reset to Default Layout" aria-label="Reset layout"> <button id="rpg-dashboard-reset-layout" class="rpg-dashboard-btn rpg-reset-layout-btn rpg-overflow-btn" title="Reset to Default Layout" aria-label="Reset layout">
<i class="fa-solid fa-rotate-left"></i> <i class="fa-solid fa-rotate-left"></i>
@@ -49,10 +53,6 @@
<i class="fa-solid fa-upload"></i> <i class="fa-solid fa-upload"></i>
</button> </button>
<button id="rpg-dashboard-done-edit" class="rpg-dashboard-btn rpg-done-edit-btn rpg-overflow-btn rpg-menu-only-btn" style="display: none;" title="Exit Edit Widget Mode" aria-label="Done editing">
<i class="fa-solid fa-check"></i>
</button>
<!-- Overflow Menu Button (⋮) - shown in overflow mode --> <!-- Overflow Menu Button (⋮) - shown in overflow mode -->
<button id="rpg-dashboard-overflow-menu" class="rpg-dashboard-btn rpg-overflow-menu-btn" style="display: none;" title="More Options" aria-label="More options" aria-haspopup="true" aria-expanded="false"> <button id="rpg-dashboard-overflow-menu" class="rpg-dashboard-btn rpg-overflow-menu-btn" style="display: none;" title="More Options" aria-label="More options" aria-haspopup="true" aria-expanded="false">
<i class="fa-solid fa-ellipsis-vertical"></i> <i class="fa-solid fa-ellipsis-vertical"></i>