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

Refactor navbar css and use details instead of div for better semantics

Browse Source
This commit is contained in:
Antoine Bartuccio
2025-06-02 23:27:25 +02:00
parent d80f2e73e8
commit 7090254658
3 changed files with 77 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files
core/templates/core/base.jinja
+12 -2
View File
@@ -122,10 +122,20 @@
{% block script %}
<script>
const menuItems = document.querySelectorAll(".navbar details[name='navbar'].menu");
for (const item of menuItems){
item.addEventListener("mouseover", () => {
item.setAttribute("open", "");
})
item.addEventListener("mouseout", () => {
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) => {