jmplace/ScoDoc-Lille
1
0
Fork 0
forked from ScoDoc/ScoDoc
Code Issues Pull Requests Projects Releases Wiki Activity

fix effet bord menu formsemestre

Browse Source
This commit is contained in:
Iziram 2024-08-13 17:11:31 +02:00
parent 330036c1be
commit af7b5b01fb
1 changed files with 23 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
app/templates/formsemestre/menu.j2
View File

@ -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>
<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>