mirror of
https://github.com/ae-utbm/sith.git
synced 2025-06-06 11:15:20 +00:00
Remove shadow and disable hovering on mobile view
This commit is contained in:
parent
f71fd40d54
commit
3173405360
@ -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;
|
||||
|
@ -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");
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
|
Loading…
x
Reference in New Issue
Block a user