klmp200/Sith
1
0
Fork 0
mirror of https://github.com/ae-utbm/sith.git synced 2026-05-14 04:58:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source 
Refactor navbar css and use details instead of div for better semantics
This commit is contained in:
Bartuccio Antoine
2025-06-05 18:17:58 +02:00
committed by GitHub
parent 861447ae36 5f701d1a17
commit be32486115
3 changed files with 98 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files
core/templates/core/base.jinja
+19 -2
View File
@@ -124,10 +124,27 @@
{% block script %}
<script>
const menuItems = document.querySelectorAll(".navbar details[name='navbar'].menu");
const isMobile = () => {
return window.innerWidth >= 500;
}
for (const item of menuItems){
item.addEventListener("mouseover", () => {
if (isMobile()){
item.setAttribute("open", "");
}
})
item.addEventListener("mouseout", () => {
if (isMobile()){
item.removeAttribute("open");
}
})
}
function showMenu() {
let navbar = document.getElementById("navbar-content");
const current = navbar.style.getPropertyValue("display");
navbar.style.setProperty("display", current === "none" ? "block" : "none");
const current = navbar.getAttribute("mobile-display");
navbar.setAttribute("mobile-display", current === "hidden" ? "revealed" : "hidden")
}
document.addEventListener("keydown", (e) => {