1
0
forked from ScoDoc/ScoDoc

fix effet bord menu formsemestre

This commit is contained in:
Iziram 2024-08-13 17:11:31 +02:00
parent 330036c1be
commit af7b5b01fb

View File

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