fix bug header sort du cadre

This commit is contained in:
2022-04-08 11:41:02 +02:00
parent db1db0bdaf
commit e601dce2bd
3 changed files with 21 additions and 12 deletions
@@ -187,7 +187,7 @@ a {
.page-node-type-static .layout__region--third .block-region-third {
margin: auto; } }
@media (max-width: 479px) {
@media (max-width: 300px) {
#header-top #block-logogouv img {
min-width: 60px;
width: 70%;
@@ -3552,7 +3552,8 @@ a {
.layout-container header {
width: 100%;
position: fixed;
z-index: 99; }
z-index: 99;
max-width: 100vw; }
#header-top {
height: 7rem;
@@ -3638,15 +3639,14 @@ a {
align-self: flex-end;
margin-left: auto; }
#header-top #block-socialnetwork-2 .field--name-body {
min-height: 75px;
margin-right: 1rem; }
min-height: 75px; }
#header-top #block-socialnetwork-2 p {
display: flex;
flex-direction: row-reverse;
margin-bottom: 0;
min-height: 65px;
justify-content: space-around;
width: 120%; }
width: 140px; }
#header-top #block-socialnetwork-2 p a {
color: white;
font-size: 0; }
@@ -3699,7 +3699,7 @@ a {
display: block;
margin: auto;
height: 70px;
content: url('data:image/svg+xml,<svg width="100" height="70" xmlns="http://www.w3.org/2000/svg" version="1.1"> <path id="path930" d="M 30,13 H 70" stroke-linecap="round" stroke="white" stroke-width="3"/><path id="path930-3" d="M 30,25 H 70" stroke-linecap="round" stroke="white" stroke-width="3"/><path id="path930-6" d="M 30,37 H 70" stroke-linecap="round" stroke="white" stroke-width="3"/></svg>'); }
content: url('data:image/svg+xml,<svg width="70" height="50" xmlns="http://www.w3.org/2000/svg" version="1.1"> <path id="path930" d="M 5,13 H 65" stroke-linecap="round" stroke="white" stroke-width="3"/><path id="path930-3" d="M 5,25 H 65" stroke-linecap="round" stroke="white" stroke-width="3"/><path id="path930-6" d="M 5,37 H 65" stroke-linecap="round" stroke="white" stroke-width="3"/></svg>'); }
#header-top #block-burger #block-burger-menu {
display: block;
margin: 0;
@@ -5,6 +5,7 @@
display:none;
}
.page-node-type-static{
//bandeau titre page static
@@ -53,6 +54,8 @@
/////////marche pas !!!!!!
@media (max-width: 810px){
.page-node-type-static{
//bandeau titre page static
@@ -84,7 +87,7 @@
}
@media (max-width: 479px){
@media (max-width: 300px){
#header-top{
#block-logogouv{
img{
@@ -134,4 +137,6 @@
}
}
}
}
}
@@ -6,6 +6,7 @@
width: 100%;
position: fixed;
z-index: 99;
max-width: 100vw;
// position: -webkit-sticky;
// position: sticky;
// top: 0;
@@ -29,8 +30,10 @@
justify-content: space-between;
color: $black;
top:0%;
scroll-margin: 8rem {};
// logo + menu déroulant
.region-header-top-left {
@@ -42,6 +45,7 @@
color: $black;
font-weight: 800;
flex: 1;
#block-logogouv{
display: flex;
@@ -148,7 +152,7 @@
margin-left: auto;
.field--name-body{
min-height: 75px;
margin-right: 1rem;
// margin-right: 1rem;
}
p{
display: flex;
@@ -156,7 +160,7 @@
margin-bottom: 0;
min-height: 65px;
justify-content: space-around;
width: 120%;
width: 140px;
a{
color: $white;
font-size: 0;
@@ -226,8 +230,8 @@
display: block;
margin:auto;
height: 70px;
content:url('data:image/svg+xml,<svg width="100" height="70" xmlns="http://www.w3.org/2000/svg" version="1.1"> <path id="path930" d="M 30,13 H 70" stroke-linecap="round" stroke="white" stroke-width="3"/><path id="path930-3" d="M 30,25 H 70" stroke-linecap="round" stroke="white" stroke-width="3"/><path id="path930-6" d="M 30,37 H 70" stroke-linecap="round" stroke="white" stroke-width="3"/></svg>');
}
content:url('data:image/svg+xml,<svg width="70" height="50" xmlns="http://www.w3.org/2000/svg" version="1.1"> <path id="path930" d="M 5,13 H 65" stroke-linecap="round" stroke="white" stroke-width="3"/><path id="path930-3" d="M 5,25 H 65" stroke-linecap="round" stroke="white" stroke-width="3"/><path id="path930-6" d="M 5,37 H 65" stroke-linecap="round" stroke="white" stroke-width="3"/></svg>');
}
#block-burger-menu{
display: block;