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

taille logo quartier 2 demain

Browse Source
This commit is contained in:
Ouidade Soussi Chiadmi
2026-02-01 19:29:29 +01:00
parent 4cbb80d6fb
commit ac3a7678aa
3 changed files with 24 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css vendored
View File

@@ -383,11 +383,16 @@ header[role=banner] .header_left_container #block-quartiers-de-demain-logoquarti
header[role=banner] .header_left_container img { header[role=banner] .header_left_container img {
width: auto; width: auto;
margin: auto; margin: auto;
height: calc(200px - 3rem); height: calc(200px - 4rem);
padding: 2rem; padding: 2rem;
transition: height 0.3s; transition: height 0.3s;
} }
@media (max-width: 1000px) { @media (min-width: 1600px) {
header[role=banner] .header_left_container img {
height: calc(200px - 3rem);
}
}
@media (max-width: 1200px) {
header[role=banner] .header_left_container img { header[role=banner] .header_left_container img {
height: calc(160px - 4rem); height: calc(160px - 4rem);
} }
@@ -4414,6 +4419,12 @@ body {
width: 220px; width: 220px;
height: 145px; height: 145px;
} }
@media (max-width: 1500px) {
.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_parties_projet .paragraph--type--projet-diapo .field_field_images_projet .diaporama .cadre-img-zoom img {
width: 150px;
height: auto;
}
}
@media (max-width: 810px) { @media (max-width: 810px) {
.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_parties_projet .paragraph--type--projet-diapo .field_field_images_projet .diaporama .cadre-img-zoom img { .node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_parties_projet .paragraph--type--projet-diapo .field_field_images_projet .diaporama .cadre-img-zoom img {
width: 100%; width: 100%;
@@ -4422,7 +4433,7 @@ body {
} }
.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_parties_projet .paragraph--type--projet-diapo .field_field_images_projet .diaporama .image-field-caption { .node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_parties_projet .paragraph--type--projet-diapo .field_field_images_projet .diaporama .image-field-caption {
margin: 0; margin: 0;
max-width: 200px; max-width: 220px;
} }
.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_parties_projet .paragraph--type--projet-diapo .field_field_images_projet .diaporama .image-field-caption p { .node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_parties_projet .paragraph--type--projet-diapo .field_field_images_projet .diaporama .image-field-caption p {
margin-top: 0; margin-top: 0;

6
web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-projet.scss
View File

@@ -335,6 +335,10 @@
object-fit: cover; object-fit: cover;
width: 220px; width: 220px;
height: 145px; height: 145px;
@media (max-width:1500px){
width: 150px;
height: auto;
}
@media (max-width:810px){ @media (max-width:810px){
width: 100%; width: 100%;
height: auto; height: auto;
@@ -343,7 +347,7 @@
} }
.image-field-caption{ .image-field-caption{
margin: 0; margin: 0;
max-width: 200px; max-width: 220px;
p{ p{
margin-top: 0; margin-top: 0;
font-size: 0.5rem; font-size: 0.5rem;

8
web/themes/custom/quartiers_de_demain/src/assets/scss/partials/header.scss
View File

@@ -125,16 +125,16 @@
img { img {
width: auto; width: auto;
margin: auto; margin: auto;
height: calc($header-height - 3rem); height: calc($header-height - 4rem);
padding: 2rem; padding: 2rem;
transition: height 0.3s; transition: height 0.3s;
@media (max-width: 1700px) { @media (max-width: 1700px) {
// height: calc($header-height - 6rem); // height: calc($header-height - 6rem);
} }
@media (max-width: 1300px) { @media (min-width: 1600px) {
// height: calc($header-height - 6rem); height: calc($header-height - 3rem);
} }
@media (max-width: 1000px) { @media (max-width: 1200px) {
height: calc($header-height-pad - 4rem); height: calc($header-height-pad - 4rem);
// height: $header-height-pad; // height: $header-height-pad;
} }