Remove shadow and disable hovering on mobile view

This commit is contained in:
Antoine Bartuccio 2025-06-02 23:42:49 +02:00
parent f71fd40d54
commit 3173405360
Signed by: klmp200
GPG Key ID: E7245548C53F904B
2 changed files with 13 additions and 3 deletions

View File

@ -126,10 +126,13 @@ nav.navbar {
ul.content {
list-style-type: none;
box-shadow: 3px 3px 3px 0 #dfdfdf;
background: white;
margin: 0;
@media (min-width: 500px) {
box-shadow: 3px 3px 3px 0 #dfdfdf;
}
>li>a {
display: flex;
padding: 15px 20px;

View File

@ -123,12 +123,19 @@
{% 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", () => {
item.setAttribute("open", "");
if (isMobile()){
item.setAttribute("open", "");
}
})
item.addEventListener("mouseout", () => {
item.removeAttribute("open");
if (isMobile()){
item.removeAttribute("open");
}
})
}