From df00cbbd5ee8b93fec2ceee0184759655cedafd1 Mon Sep 17 00:00:00 2001 From: ouidade Date: Tue, 10 Jun 2025 13:31:24 +0200 Subject: [PATCH] teaser projets en images --- web/themes/custom/eql/dist/assets/css/bundle.css | 13 +++++++++++-- web/themes/custom/eql/scss/pages/ressources.scss | 6 ++++++ .../scss/partials/_node-type-ressource-teaser.scss | 10 ++++++++-- 3 files changed, 25 insertions(+), 4 deletions(-) diff --git a/web/themes/custom/eql/dist/assets/css/bundle.css b/web/themes/custom/eql/dist/assets/css/bundle.css index c5ff764..07ced80 100644 --- a/web/themes/custom/eql/dist/assets/css/bundle.css +++ b/web/themes/custom/eql/dist/assets/css/bundle.css @@ -5685,6 +5685,9 @@ svg.ext { .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-slide.type-les-projets-en-images { order: 3; } +.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-slide.type-les-projets-en-images .slick-list { + padding-left: 0 !important; +} .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-slide.type-presse { order: 5; } @@ -7105,10 +7108,10 @@ article.node-type-ressource.type-presse .field--name-field-images { } .type-les-projets-en-images.views-row article.node-type-ressource.type-les-projets-en-images .wrapper-ressource { display: grid; - grid-template-columns: 3fr 1fr !important; + grid-template-columns: 2fr 1fr !important; width: 100%; max-width: 100%; - gap: 1rem; + column-gap: 1rem; align-items: start; } @media (max-width: 479px) { @@ -7125,9 +7128,13 @@ article.node-type-ressource.type-presse .field--name-field-images { .type-les-projets-en-images.views-row article.node-type-ressource.type-les-projets-en-images .wrapper-ressource .field--name-field-images img { width: 100%; height: auto; + margin-top: 1rem; object-fit: cover; border: 1px solid #ccc; } +.type-les-projets-en-images.views-row article.node-type-ressource.type-les-projets-en-images .wrapper-ressource .field--name-field-images .field__item { + height: fit-content; +} @media (max-width: 479px) { .type-les-projets-en-images.views-row article.node-type-ressource.type-les-projets-en-images .wrapper-ressource .field--name-field-images .field__item { height: auto; @@ -7155,6 +7162,7 @@ article.node-type-ressource.type-presse .field--name-field-images { } .type-les-projets-en-images.views-row article.node-type-ressource.type-les-projets-en-images .wrapper-ressource .field--name-title { grid-row: 3; + margin-bottom: 0.5rem; } .type-les-projets-en-images.views-row article.node-type-ressource.type-les-projets-en-images .wrapper-ressource .field--name-field-sous-titre { grid-row: 4; @@ -7164,6 +7172,7 @@ article.node-type-ressource.type-presse .field--name-field-images { } .type-les-projets-en-images.views-row article.node-type-ressource.type-les-projets-en-images .wrapper-ressource .field--name-field-edition { grid-row: 6; + line-height: 1; } .type-les-projets-en-images.views-row article.node-type-ressource.type-les-projets-en-images .wrapper-ressource .field--name-field-date-de-parution { grid-row: 7; diff --git a/web/themes/custom/eql/scss/pages/ressources.scss b/web/themes/custom/eql/scss/pages/ressources.scss index 27ace1a..78ace0e 100644 --- a/web/themes/custom/eql/scss/pages/ressources.scss +++ b/web/themes/custom/eql/scss/pages/ressources.scss @@ -463,6 +463,12 @@ // width: 80%; // border-top: solid 1px rgba(0, 0, 0, 0.3); } + .view-type-slide.type-les-projets-en-images{ + .slick-list{ + padding-left: 0 !important; + } + } + .view-type-slide.type-presse{ order: 5; &::before{ diff --git a/web/themes/custom/eql/scss/partials/_node-type-ressource-teaser.scss b/web/themes/custom/eql/scss/partials/_node-type-ressource-teaser.scss index e504fca..2b4d375 100644 --- a/web/themes/custom/eql/scss/partials/_node-type-ressource-teaser.scss +++ b/web/themes/custom/eql/scss/partials/_node-type-ressource-teaser.scss @@ -273,10 +273,11 @@ article.node-type-ressource{ article.node-type-ressource.type-les-projets-en-images { .wrapper-ressource { display: grid; - grid-template-columns: 3fr 1fr !important; // ✅ 85% pour image, 15% pour texte + grid-template-columns: 2fr 1fr !important; // ✅ 85% pour image, 15% pour texte width: 100%; // ✅ force la grille à s'étaler sur toute la ligne max-width: 100%; // ✅ limite d'expansion - gap: 1rem; + // gap: 1rem; + column-gap: 1rem; align-items: start; @media (max-width: 479px) { display: flex; @@ -290,12 +291,14 @@ article.node-type-ressource{ img { width: 100%; height: auto; + margin-top: 1rem; object-fit: cover; border: 1px solid #ccc; } .field__item{ + height: fit-content; @media (max-width: 479px) { // margin-bottom: 4rem; height: auto; @@ -325,7 +328,9 @@ article.node-type-ressource{ margin: 0; } .field--name-title{ + // h2{font-size: 0.9rem;} grid-row: 3; + margin-bottom: 0.5rem; } .field--name-field-sous-titre{ grid-row: 4; @@ -335,6 +340,7 @@ article.node-type-ressource{ } .field--name-field-edition{ grid-row: 6; + line-height: 1; } .field--name-field-date-de-parution{ grid-row: 7;