rebillar/site-accueil-insa
1
1
Fork 1
forked from vergnet/site-accueil-insa
Code Issues Pull requests Releases Wiki Activity

menu un peu + responsive

Browse source
This commit is contained in:
Guillaume Joffre 2022-04-17 16:31:54 +02:00
parent a6c40157ad
commit c0dfc9a172
3 changed files with 20 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
assets/css/menu.css
View file

@ -4,10 +4,10 @@
left: 0; left: 0;
width: 100%; width: 100%;
height: auto; height: auto;
min-width: 96vmax;
z-index: 2; z-index: 2;
overflow: visible; overflow: visible;
transition: transform 0.3s;
} }
.tuyau { .tuyau {
@ -19,6 +19,7 @@
height: auto; height: auto;
z-index: 2; z-index: 2;
transition: transform 0.3s;
overflow: visible; overflow: visible;
} }

20
assets/css/queries.css
View file

@ -10,10 +10,10 @@
} }
#msg_acc, footer { #msg_acc, footer {
padding: 50px 5vw; padding: 1em 2em;
} }
#boxjaune { .box-jaune {
margin: 40px auto 0 auto; margin: 40px auto 0 auto;
width: 95%; width: 95%;
} }
@ -21,4 +21,18 @@
footer { footer {
width: unset; width: unset;
} }
}
header .menu {
transform: translateY(120%);
}
header .tuyau {
right: 30px;
transform: translateY(40%);
}
#tuyau-ombre {
display: none;
}
}

2
structure/menu.php
View file

@ -66,7 +66,7 @@ if(!isset($relativepath)) {
<rect x="5" y="14" class="st15" width="34" height="1.35"/> <rect x="5" y="14" class="st15" width="34" height="1.35"/>
<!-- Tuyau : Ombre --> <!-- Tuyau : Ombre -->
<rect x="5" y="42" class="st15" width="34" height="1.35"/> <rect id="tuyau-ombre" x="5" y="40" class="st15" width="34" height="1.35"/>
</svg> </svg>