diff --git a/app/templates/formsemestre/menu.j2 b/app/templates/formsemestre/menu.j2 index febd492842db16a9410f8c6720a6abcc6a3ace25..b1e0a3e1d66b91ad05fe596d7b63daa2704789c9 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