klmp200/Sith
1
0
Fork 0
mirror of https://github.com/ae-utbm/sith.git synced 2025-06-17 16:45:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #1125 from ae-utbm/navbar-keyboard-navigation

Browse Source 
Disable mouse click on navbar for desktop
This commit is contained in:
Bartuccio Antoine 2025-06-16 12:25:33 +02:00 committed by GitHub
commit 1c14bb22a0
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 13 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
core/templates/core/base.jinja
View File

@ -108,20 +108,30 @@
{% block script %} {% block script %}
<script> <script>
const menuItems = document.querySelectorAll(".navbar details[name='navbar'].menu"); const menuItems = document.querySelectorAll(".navbar details[name='navbar'].menu");
const isMobile = () => { const isDesktop = () => {
return window.innerWidth >= 500; return window.innerWidth >= 500;
} }
for (const item of menuItems){ for (const item of menuItems){
item.addEventListener("mouseover", () => { item.addEventListener("mouseover", () => {
if (isMobile()){ if (isDesktop()){
item.setAttribute("open", ""); item.setAttribute("open", "");
} }
}) })
item.addEventListener("mouseout", () => { item.addEventListener("mouseout", () => {
if (isMobile()){ if (isDesktop()){
item.removeAttribute("open"); item.removeAttribute("open");
} }
}) })
item.addEventListener("click", (event) => {
// Ignore keyboard clicks
if (event.detail === 0){
return;
}
if (isDesktop()){
event.preventDefault();
}
})
} }
function showMenu() { function showMenu() {