From af7b5b01fb65f8ff7dfd4173c095f71d040fffca Mon Sep 17 00:00:00 2001
From: Iziram <matthias.hartmann@iziram.fr>
Date: Tue, 13 Aug 2024 17:11:31 +0200
Subject: [PATCH] fix effet bord menu formsemestre

---
 app/templates/formsemestre/menu.j2 | 48 ++++++++++++++----------------
 1 file changed, 23 insertions(+), 25 deletions(-)

diff --git a/app/templates/formsemestre/menu.j2 b/app/templates/formsemestre/menu.j2
index febd4928..b1e0a3e1 100644
--- a/app/templates/formsemestre/menu.j2
+++ b/app/templates/formsemestre/menu.j2
@@ -10,19 +10,15 @@
  */
 
     /* CSS défaut */
-    * {
-        margin: 0;
-        padding: 0;
-        box-sizing: border-box;
-
+    :root{
         --sco-formsemestre-color-primary: rgb(214, 233, 248);
         --sco-formsemestre-color-accent: rgb(103, 167, 227);
     }
 
-    body {
-        font-family: Arial, sans-serif;
-        color: #333;
-        background-color: #f4f4f4;
+    .menu-wrapper *{
+        margin: 0;
+        padding: 0;
+        box-sizing: border-box;
     }
 
     html{
@@ -128,7 +124,7 @@
     .sco-formsemestre-menu-menu>.dropdown>summary {
         text-transform: uppercase;
         font-weight: bold;
-        font-size: large !important;
+        font-size: 14px !important;
     }
 
     .sco-formsemestre-menu-link {
@@ -458,18 +454,20 @@
 {% endmacro %}
 
 {# Menu HTML #}
-<nav class="sco-formsemestre-menu">
-    <div class="sco-formsemestre-menu-container">
-        {# Icône menu hamburger #}
-        <button class="sco-formsemestre-menu-toggle" aria-label="Toggle menu">
-            <span class="sco-formsemestre-menu-toggle-icon"></span>
-        </button>
-
-        {# Menu #}
-        <ul class="sco-formsemestre-menu-menu">
-            {% for category, items in menu.items() %}
-                {{dropdown(category, items)}}
-            {% endfor %}
-        </ul>
-    </div>
-</nav>
\ No newline at end of file
+<div class="menu-wrapper">
+    <nav class="sco-formsemestre-menu">
+        <div class="sco-formsemestre-menu-container">
+            {# Icône menu hamburger #}
+            <button class="sco-formsemestre-menu-toggle" aria-label="Toggle menu">
+                <span class="sco-formsemestre-menu-toggle-icon"></span>
+            </button>
+    
+            {# Menu #}
+            <ul class="sco-formsemestre-menu-menu">
+                {% for category, items in menu.items() %}
+                    {{dropdown(category, items)}}
+                {% endfor %}
+            </ul>
+        </div>
+    </nav>
+</div>
\ No newline at end of file