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

responsive header

Browse Source
This commit is contained in:
ouidade
2025-09-22 16:08:10 +02:00
parent 3855efa611
commit 98de7de265
3 changed files with 23 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/eql/dist/assets/css/bundle.css
Vendored
+13 -3
View File
@@ -126,7 +126,7 @@
} }
.layout-content { .layout-content {
padding-top: 7rem; padding-top: 10rem;
padding-bottom: 6rem; padding-bottom: 6rem;
} }
@@ -6395,7 +6395,7 @@ body.type-media-reportage-photos .block-region-third .block-entity-fieldnodefiel
padding-right: 2.5rem; padding-right: 2.5rem;
} }
#header-top .region-header-top-rigth #block-logoeql img { #header-top .region-header-top-rigth #block-logoeql img {
width: 80px; width: 90%;
height: auto; height: auto;
} }
@media (max-width: 870px) { @media (max-width: 870px) {
@@ -6417,6 +6417,11 @@ body.type-media-reportage-photos .block-region-third .block-entity-fieldnodefiel
#header-top .region-header-top-rigth #block-burger :hover { #header-top .region-header-top-rigth #block-burger :hover {
cursor: pointer; cursor: pointer;
} }
@media (max-width: 870px) {
#header-top .region-header-top-rigth #block-burger {
width: 4rem;
}
}
#header-top .region-header-top-rigth #block-burger h2 { #header-top .region-header-top-rigth #block-burger h2 {
padding-top: 1rem; padding-top: 1rem;
font-size: 1em; font-size: 1em;
@@ -6427,7 +6432,12 @@ body.type-media-reportage-photos .block-region-third .block-entity-fieldnodefiel
display: block; display: block;
margin: auto; margin: auto;
height: 70px; height: 70px;
content: url('data:image/svg+xml,<svg width="50" 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="black" stroke-width="2.5"/><path id="path930-3" d="M 5,25 H 65" stroke-linecap="round" stroke="black" stroke-width="2.5"/><path id="path930-6" d="M 5,37 H 65" stroke-linecap="round" stroke="black" stroke-width="2.5"/></svg>'); content: url('data:image/svg+xml,<svg width="50" 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="black" stroke-width="2"/><path id="path930-3" d="M 5,25 H 65" stroke-linecap="round" stroke="black" stroke-width="2"/><path id="path930-6" d="M 5,37 H 65" stroke-linecap="round" stroke="black" stroke-width="2"/></svg>');
}
@media (max-width: 870px) {
#header-top .region-header-top-rigth #block-burger h2:after {
content: url('data:image/svg+xml,<svg width="40" 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="black" stroke-width="2"/><path id="path930-3" d="M 5,25 H 65" stroke-linecap="round" stroke="black" stroke-width="2"/><path id="path930-6" d="M 5,37 H 65" stroke-linecap="round" stroke="black" stroke-width="2"/></svg>');
}
} }
#header-top .region-header-top-rigth #block-burger #block-burger-menu { #header-top .region-header-top-rigth #block-burger #block-burger-menu {
display: block; display: block;
web/themes/custom/eql/scss/global/_layout.scss
+1 -1
View File
@@ -33,7 +33,7 @@
} }
} }
.layout-content{ .layout-content{
padding-top: 7rem; padding-top: 10rem;
padding-bottom: 6rem; padding-bottom: 6rem;
} }
.path-frontpage{ .path-frontpage{
web/themes/custom/eql/scss/partials/_header.scss
+9 -2
View File
@@ -102,7 +102,7 @@
padding-left: 1rem; padding-left: 1rem;
padding-right: 2.5rem; padding-right: 2.5rem;
img{ img{
width: 80px; width: 90%;
height: auto; height: auto;
} }
@media (max-width: 870px){ @media (max-width: 870px){
@@ -129,6 +129,9 @@
:hover{ :hover{
cursor: pointer; cursor: pointer;
} }
@media (max-width: 870px){
width: 4rem;
}
h2{ h2{
padding-top: 1rem; padding-top: 1rem;
font-size: 1em; font-size: 1em;
@@ -139,7 +142,11 @@
display: block; display: block;
margin:auto; margin:auto;
height: 70px; height: 70px;
content:url('data:image/svg+xml,<svg width="50" 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="black" stroke-width="2.5"/><path id="path930-3" d="M 5,25 H 65" stroke-linecap="round" stroke="black" stroke-width="2.5"/><path id="path930-6" d="M 5,37 H 65" stroke-linecap="round" stroke="black" stroke-width="2.5"/></svg>'); content:url('data:image/svg+xml,<svg width="50" 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="black" stroke-width="2"/><path id="path930-3" d="M 5,25 H 65" stroke-linecap="round" stroke="black" stroke-width="2"/><path id="path930-6" d="M 5,37 H 65" stroke-linecap="round" stroke="black" stroke-width="2"/></svg>');
@media (max-width: 870px){
content:url('data:image/svg+xml,<svg width="40" 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="black" stroke-width="2"/><path id="path930-3" d="M 5,25 H 65" stroke-linecap="round" stroke="black" stroke-width="2"/><path id="path930-6" d="M 5,37 H 65" stroke-linecap="round" stroke="black" stroke-width="2"/></svg>');
}
} }
#block-burger-menu{ #block-burger-menu{