From 3c7f413e2b61b8be208b176aefdeefd4009213b6 Mon Sep 17 00:00:00 2001
From: Giorgio UTZERI <giorgio.utzeri.etu@univ-lille.fr>
Date: Sat, 15 Mar 2025 14:29:24 +0100
Subject: [PATCH] test responsive

---
 css/styleMenu.css | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

diff --git a/css/styleMenu.css b/css/styleMenu.css
index f312ac1..136c7ce 100644
--- a/css/styleMenu.css
+++ b/css/styleMenu.css
@@ -144,10 +144,25 @@ body {
     box-shadow: 2px 0 5px rgba(0, 0, 0, 0.2);
 }
 
-/* Pour ajuster la marge de la sidebar quand elle est affichée en mode mobile */
 @media (max-width: 991px) {
-    .sidebar {
+    /* Lorsque la sidebar est fermée, on conserve une largeur par défaut (ici 250px) */
+    #sidebar {
         width: 250px;
         height: 100%;
+        transition: width 0.3s ease;
+    }
+    /* Quand la sidebar est ouverte (classe "show" ajoutée par Bootstrap), elle occupe toute la fenêtre */
+    #sidebar.show {
+        width: 100vw;
+        height: 100vh;
+        position: fixed;
+        top: 0;
+        left: 0;
+        padding-top: 50px; /* Laisser de l'espace sous le bouton hamburger si nécessaire */
+        z-index: 1050;
+    }
+    /* Optionnel : masquer le contenu principal quand la sidebar est affichée */
+    .main-content {
+        display: none;
     }
 }
-- 
GitLab