From 708c3d83692c2774b8fb6ca97f785ce9a1b2a7d4 Mon Sep 17 00:00:00 2001 From: ouidade Date: Tue, 4 Nov 2025 22:41:49 +0100 Subject: [PATCH] =?UTF-8?q?node=20projet=20teaser=20homog=C3=A9n=C3=A9isat?= =?UTF-8?q?ion=20typo=20et=20margin=20avec=20node=20site=20teaser?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../dist/assets/css/bundle.css | 27 ++++++++++++++----- .../src/assets/scss/pages/lesprojets.scss | 22 ++++++++++++--- 2 files changed, 38 insertions(+), 11 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 80ce9ff..36048fa 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 @@ -4545,17 +4545,26 @@ main { font-size: 0.7rem; } } -#lesprojets .content_container .views-element-container .views-row .views-field-group .views-field-title .field-content h2 { +#lesprojets .content_container .views-element-container .views-row .views-field-group .views-field-title h2 { margin: 0; -} -#lesprojets .content_container .views-element-container .views-row .views-field-group .views-field-title .field-content h2 a { color: rgb(7, 50, 194); font-family: "gilroy-bold"; padding-top: 0.5rem; font-size: 0.55rem; } @media (max-width: 550px) { - #lesprojets .content_container .views-element-container .views-row .views-field-group .views-field-title .field-content h2 a { + #lesprojets .content_container .views-element-container .views-row .views-field-group .views-field-title h2 { + font-size: 0.7rem; + } +} +#lesprojets .content_container .views-element-container .views-row .views-field-group .views-field-title h2 a { + color: rgb(7, 50, 194); + font-family: "gilroy-bold"; + padding-top: 0.5rem; + font-size: 0.55rem; +} +@media (max-width: 550px) { + #lesprojets .content_container .views-element-container .views-row .views-field-group .views-field-title h2 a { font-size: 0.7rem; } } @@ -4626,6 +4635,8 @@ main { #lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet .field_field_image img { width: 100%; height: auto; + aspect-ratio: 3/2; + object-fit: cover; } #lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet .field_field_image .image-field-caption { display: none; @@ -4639,16 +4650,18 @@ main { #lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet .field_field_nom_de_l_equipe h3 { font-size: 0.6rem; margin: 0; + text-transform: uppercase; } #lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet .field_field_intro { order: 4; } #lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet .field_field_intro p { font-size: 0.5rem; + font-family: "gilroy-light"; + margin-top: 0; } #lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet .field_field_intro .more-link { width: fit-content; - padding-left: 0.5rem; background: black; } @media (max-width: 810px) { @@ -4662,7 +4675,8 @@ main { align-items: center; color: white; text-transform: uppercase; - font-size: 0.6rem; + font-size: 0.5rem; + padding-left: 0.5rem; } #lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet .field_field_intro .more-link a svg { display: none; @@ -4672,7 +4686,6 @@ main { content: url("../img/noun-arrow-to-right.svg"); padding-right: 0.2rem; padding-left: 0.2rem; - padding-bottom: 0.2rem; height: 25px; } diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/lesprojets.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/lesprojets.scss index 7e228a6..22adca0 100644 --- a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/lesprojets.scss +++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/lesprojets.scss @@ -48,9 +48,17 @@ main{ @media(max-width: 550px){ font-size: 0.7rem ; } - .views-field-title .field-content{ + + .views-field-title{ h2{ margin: 0; + color: $blue_QDD; + font-family: "gilroy-bold"; + padding-top: 0.5rem; + font-size: 0.55rem ; + @media(max-width: 550px){ + font-size: 0.7rem ; + } a{ color: $blue_QDD; font-family: "gilroy-bold"; @@ -126,6 +134,8 @@ main{ img{ width: 100%; height: auto; + aspect-ratio: 3/2; + object-fit: cover; } .image-field-caption{ display: none; @@ -140,16 +150,19 @@ main{ h3{ font-size: 0.6rem; margin: 0; + text-transform: uppercase; } } .field_field_intro{ order: 4; p{ font-size: 0.5rem; + font-family: "gilroy-light"; + margin-top: 0; } .more-link{ width: fit-content; - padding-left: 0.5rem; + background: black; @media (max-width:810px) { margin-left: 0; @@ -160,7 +173,8 @@ main{ align-items: center; color: white; text-transform: uppercase; - font-size: 0.6rem; + font-size: 0.5rem; + padding-left: 0.5rem; svg{ display: none; } @@ -169,7 +183,7 @@ main{ content: url("../img/noun-arrow-to-right.svg"); padding-right: 0.2rem; padding-left: 0.2rem; - padding-bottom: 0.2rem; + // padding-bottom: 0.2rem; height: 25px; } }