bachir/drupal-quartiersdedemain
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

corrections header

Browse Source
This commit is contained in:
Valentin
2024-03-18 15:25:21 +01:00
parent 60be60272f
commit 8f48d2330d
6 changed files with 870 additions and 581 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/themes/custom/quartiers_de_demain/scss/pages/_presentation.scss
View File

@@ -31,7 +31,7 @@
grid-row: 1;
order: 2;
@media (max-width:500px) {
padding-top: 0;
padding-top: 50px;
}
.content_container{
display: flex;

59
web/themes/custom/quartiers_de_demain/scss/partials/_header.scss
View File

@@ -29,8 +29,11 @@ header{
.header_left_container{
grid-column: 1 /span 11;
grid-row: 1 /span 3;
display: flex;
flex-direction: row;
// display: flex;
// flex-direction: row;
display: grid;
grid-template-columns: repeat(10, 1fr);
border-right: 1px solid #808080;
padding-left: 2%;
padding-right: 2%;
@@ -39,19 +42,60 @@ header{
}
#block-quartiers-de-demain-logorepu-2{
@media(max-width: 891px){
height: $header-height-pad;
}
height: 100%;
grid-column: 1 / span 1;
// @media(max-width: 891px){
// height: $header-height-pad;
// }
}
#block-quartiers-de-demain-logoepau-2{
height: $header-height;
height: 100%;
grid-column: 2 / span 3;
// height: $header-height;
padding-left: 2rem;
@media(max-width: 891px){
height: $header-height-pad;
// height: $header-height-pad;
grid-column: 2 / span 5;
}
> div {
width: 100%;
height: 100%;
> a {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
> img {
width: 100%;
height: auto;
}
}
}
}
#block-quartiers-de-demain-logoquartiersdedemain{
grid-column: 8 / span 3;
margin-left: auto;
// padding-right: 5%;
> div {
width: 100%;
height: 100%;
> a {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
> img {
padding-left: 4rem;
width: 100%;
height: auto;
@media(max-width: 891px){
padding: 0;
}
}
}
}
}
img{
width: auto;
@@ -71,6 +115,7 @@ header{
// padding-right: 30%;
padding-left: calc(100% /4);
@media(max-width: 660px){
padding-left: 0;
padding-right: 0;
}
.language-switcher-language-url{