agecem/agecem-org
4
1
Fork 0
Code Issues 30 Pull requests Activity

tentative d'affichage de l'icône hamburger

Browse source
This commit is contained in:
Alexel 2023-08-08 17:25:41 -04:00
parent 2b55aad567
commit 93c0e27b83
2 changed files with 10 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
public/css/header.css
View file

@ -18,12 +18,19 @@
cursor: pointer;
}
.headerMenuHamburger{
fill: #394596;
height: 100px;
width: 100px;
}
/* Le header s'affiche en menu hamburger pour les breakpoints téléphone et tablette */
@media screen and (max-width: 576px) {
.headerMenuElement{
display: none;
}
.hamburgerMenuIcon{
.headerMenuHamburger{
display: block;
}
}
@ -32,7 +39,7 @@
.headerMenuElement{
display: none;
}
.hamburgerMenuIcon{
.headerMenuHamburger{
display: block;
}
}

2
templates/html/header.gohtml
View file

@ -2,7 +2,7 @@
<link rel="stylesheet" href="/public/css/header.css">
<div class="header">
<ul class="headerMenu">
<li class="headerMenuElement"><a href="/"><svg class="headerMenuIcon" src="/public/icones/hamburger-menu.svg"></svg></a></li>
<li class="headerMenuElement"><a href="/"><svg class="headerMenuHamburger" src="/public/icones/hamburger-menu.svg"></svg></a></li>
<li class="headerMenuElement"><a href="/">index</a></li>
<li class="headerMenuElement"><a href="/a-propos">À propos</a></li>
<li class="headerMenuElement"><a href="/actualite">Actualité</a></li>