From ac3a7678aa2cf4dde24944bb1e445e16403da19f Mon Sep 17 00:00:00 2001 From: ouidade Date: Sun, 1 Feb 2026 19:29:29 +0100 Subject: [PATCH] taille logo quartier 2 demain --- .../dist/assets/css/bundle.css | 17 ++++++++++++++--- .../src/assets/scss/pages/node-type-projet.scss | 8 ++++++-- .../src/assets/scss/partials/header.scss | 8 ++++---- 3 files changed, 24 insertions(+), 9 deletions(-) diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css index 74d438d..e4f50eb 100644 --- a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css +++ b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css @@ -383,11 +383,16 @@ header[role=banner] .header_left_container #block-quartiers-de-demain-logoquarti header[role=banner] .header_left_container img { width: auto; margin: auto; - height: calc(200px - 3rem); + height: calc(200px - 4rem); padding: 2rem; 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 { height: calc(160px - 4rem); } @@ -4414,6 +4419,12 @@ body { width: 220px; 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) { .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%; @@ -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 { 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 { margin-top: 0; diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-projet.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-projet.scss index e39a0a2..3a4a2f2 100644 --- a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-projet.scss +++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-projet.scss @@ -335,6 +335,10 @@ object-fit: cover; width: 220px; height: 145px; + @media (max-width:1500px){ + width: 150px; + height: auto; + } @media (max-width:810px){ width: 100%; height: auto; @@ -343,7 +347,7 @@ } .image-field-caption{ margin: 0; - max-width: 200px; + max-width: 220px; p{ margin-top: 0; font-size: 0.5rem; @@ -351,7 +355,7 @@ @media(max-width: 810px){ font-size:0.8rem; } - } + } } } diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/header.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/header.scss index 1521774..feeaa9d 100644 --- a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/header.scss +++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/header.scss @@ -125,16 +125,16 @@ img { width: auto; margin: auto; - height: calc($header-height - 3rem); + height: calc($header-height - 4rem); padding: 2rem; transition: height 0.3s; @media (max-width: 1700px) { // height: calc($header-height - 6rem); } - @media (max-width: 1300px) { - // height: calc($header-height - 6rem); + @media (min-width: 1600px) { + height: calc($header-height - 3rem); } - @media (max-width: 1000px) { + @media (max-width: 1200px) { height: calc($header-height-pad - 4rem); // height: $header-height-pad; }