bachir/d9-eql
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix bug header sort du cadre

Browse Source
This commit is contained in:
ouidade
2022-04-08 11:41:02 +02:00
parent db1db0bdaf
commit e601dce2bd
3 changed files with 21 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/eql/css-compiled/styles.css
+6 -6
View File
@@ -187,7 +187,7 @@ a {
.page-node-type-static .layout__region--third .block-region-third { .page-node-type-static .layout__region--third .block-region-third {
margin: auto; } } margin: auto; } }
@media (max-width: 479px) { @media (max-width: 300px) {
#header-top #block-logogouv img { #header-top #block-logogouv img {
min-width: 60px; min-width: 60px;
width: 70%; width: 70%;
@@ -3552,7 +3552,8 @@ a {
.layout-container header { .layout-container header {
width: 100%; width: 100%;
position: fixed; position: fixed;
z-index: 99; } z-index: 99;
max-width: 100vw; }
#header-top { #header-top {
height: 7rem; height: 7rem;
@@ -3638,15 +3639,14 @@ a {
align-self: flex-end; align-self: flex-end;
margin-left: auto; } margin-left: auto; }
#header-top #block-socialnetwork-2 .field--name-body { #header-top #block-socialnetwork-2 .field--name-body {
min-height: 75px; min-height: 75px; }
margin-right: 1rem; }
#header-top #block-socialnetwork-2 p { #header-top #block-socialnetwork-2 p {
display: flex; display: flex;
flex-direction: row-reverse; flex-direction: row-reverse;
margin-bottom: 0; margin-bottom: 0;
min-height: 65px; min-height: 65px;
justify-content: space-around; justify-content: space-around;
width: 120%; } width: 140px; }
#header-top #block-socialnetwork-2 p a { #header-top #block-socialnetwork-2 p a {
color: white; color: white;
font-size: 0; } font-size: 0; }
@@ -3699,7 +3699,7 @@ a {
display: block; display: block;
margin: auto; margin: auto;
height: 70px; 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 { #header-top #block-burger #block-burger-menu {
display: block; display: block;
margin: 0; margin: 0;
web/themes/custom/eql/scss/global/_mediaqueries.scss
+7 -2
View File
@@ -5,6 +5,7 @@
display:none; display:none;
} }
.page-node-type-static{ .page-node-type-static{
//bandeau titre page static //bandeau titre page static
@@ -53,6 +54,8 @@
/////////marche pas !!!!!! /////////marche pas !!!!!!
@media (max-width: 810px){ @media (max-width: 810px){
.page-node-type-static{ .page-node-type-static{
//bandeau titre page static //bandeau titre page static
@@ -84,7 +87,7 @@
} }
@media (max-width: 479px){ @media (max-width: 300px){
#header-top{ #header-top{
#block-logogouv{ #block-logogouv{
img{ img{
@@ -134,4 +137,6 @@
} }
} }
} }
} }
web/themes/custom/eql/scss/partials/_header.scss
+8 -4
View File
@@ -6,6 +6,7 @@
width: 100%; width: 100%;
position: fixed; position: fixed;
z-index: 99; z-index: 99;
max-width: 100vw;
// position: -webkit-sticky; // position: -webkit-sticky;
// position: sticky; // position: sticky;
// top: 0; // top: 0;
@@ -29,8 +30,10 @@
justify-content: space-between; justify-content: space-between;
color: $black; color: $black;
top:0%; top:0%;
scroll-margin: 8rem {}; scroll-margin: 8rem {};
// logo + menu déroulant // logo + menu déroulant
.region-header-top-left { .region-header-top-left {
@@ -42,6 +45,7 @@
color: $black; color: $black;
font-weight: 800; font-weight: 800;
flex: 1; flex: 1;
#block-logogouv{ #block-logogouv{
display: flex; display: flex;
@@ -148,7 +152,7 @@
margin-left: auto; margin-left: auto;
.field--name-body{ .field--name-body{
min-height: 75px; min-height: 75px;
margin-right: 1rem; // margin-right: 1rem;
} }
p{ p{
display: flex; display: flex;
@@ -156,7 +160,7 @@
margin-bottom: 0; margin-bottom: 0;
min-height: 65px; min-height: 65px;
justify-content: space-around; justify-content: space-around;
width: 120%; width: 140px;
a{ a{
color: $white; color: $white;
font-size: 0; font-size: 0;
@@ -226,8 +230,8 @@
display: block; display: block;
margin:auto; margin:auto;
height: 70px; 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{ #block-burger-menu{
display: block; display: block;