Greg/SportAttendanceSheet
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Top menu with show options V4

Browse Source
This commit is contained in:
Greg 2025-05-10 18:17:41 +02:00
parent 5eae0d3b2b
commit 418c2375e7
2 changed files with 13 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
static/app.js
View File

@ -214,12 +214,18 @@ window.onload = () => {
} }
if (dropdown && dropdownContent && showMenuBtn) { if (dropdown && dropdownContent && showMenuBtn) {
dropdown.addEventListener('mouseenter', openMenu); showMenuBtn.onclick = (e) => {
dropdown.addEventListener('mouseleave', closeMenu); e.stopPropagation();
showMenuBtn.addEventListener('focus', openMenu); dropdown.classList.toggle('open');
showMenuBtn.addEventListener('blur', closeMenu); };
// Close menu when clicking elsewhere
document.addEventListener('click', (e) => {
if (!dropdown.contains(e.target)) {
dropdown.classList.remove('open');
}
});
} }
if (showAll) showAll.onclick = () => { matchViewMode = 'all'; renderTable(); closeMenu(); }; if (showAll) showAll.onclick = () => { matchViewMode = 'all'; renderTable(); if (dropdown) dropdown.classList.remove('open'); };
if (showFuture) showFuture.onclick = () => { matchViewMode = 'future'; renderTable(); closeMenu(); }; if (showFuture) showFuture.onclick = () => { matchViewMode = 'future'; renderTable(); if (dropdown) dropdown.classList.remove('open'); };
}); });
}; };

5
templates/index.html
View File

@ -66,10 +66,7 @@
border-radius: 4px; border-radius: 4px;
z-index: 10; z-index: 10;
} }
.menu-bar .dropdown:hover .dropdown-content, .menu-bar .dropdown.open .dropdown-content {
.menu-bar .dropdown:focus-within .dropdown-content,
.menu-bar .dropdown .dropdown-content:focus,
.menu-bar .dropdown .dropdown-content:active {
opacity: 1; opacity: 1;
visibility: visible; visibility: visible;
pointer-events: auto; pointer-events: auto;