From 64fd123a858431a0fc6818ad1f32ebd51b9340e2 Mon Sep 17 00:00:00 2001
From: Sli <antoine@bartuccio.fr>
Date: Mon, 2 Jun 2025 23:42:49 +0200
Subject: [PATCH] Remove shadow and disable hovering on mobile view

---
 core/static/core/navbar.scss   |  5 ++++-
 core/templates/core/base.jinja | 11 +++++++++--
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/core/static/core/navbar.scss b/core/static/core/navbar.scss
index bdf67d04..83fa58de 100644
--- a/core/static/core/navbar.scss
+++ b/core/static/core/navbar.scss
@@ -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;
diff --git a/core/templates/core/base.jinja b/core/templates/core/base.jinja
index 8000b1fa..70e3bad1 100644
--- a/core/templates/core/base.jinja
+++ b/core/templates/core/base.jinja
@@ -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");
+            }
           })
         }