From 418ce4ec77db900b6c8ceb897505eb86ffae7c8c Mon Sep 17 00:00:00 2001 From: ouidade Date: Fri, 29 May 2026 14:11:12 +0200 Subject: [PATCH] margin, lineheight, padding teaser ressources --- .../custom/eql/dist/assets/css/bundle.css | 20 +++++++++++++----- .../custom/eql/scss/pages/_ressources.scss | 14 +++++++++++++ .../partials/_node-type-ressource-teaser.scss | 21 ++++++++++--------- 3 files changed, 40 insertions(+), 15 deletions(-) diff --git a/web/themes/custom/eql/dist/assets/css/bundle.css b/web/themes/custom/eql/dist/assets/css/bundle.css index 06fbca4..93cf29b 100644 --- a/web/themes/custom/eql/dist/assets/css/bundle.css +++ b/web/themes/custom/eql/dist/assets/css/bundle.css @@ -6458,12 +6458,22 @@ svg.ext { min-width: 350px !important; max-width: 500px; } +.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-publications-issues-du-programme .field--name-title h2 { + line-height: 1.2rem; +} +.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-publications-issues-du-programme .field--name-field-sous-titre { + color: rgb(0, 158, 227); + line-height: 1.3 !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-paroles-de-laureats { order: 2; } .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 .field--name-title h2 { + line-height: 1.4rem; +} .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; } @@ -7856,7 +7866,7 @@ article.node-type-ressource .wrapper-ressource .field--name-title { } article.node-type-ressource .wrapper-ressource .field--name-title h2 { margin: 0; - line-height: 1rem; + line-height: 1.2rem; margin-left: 0 !important; line-height: 0; margin-bottom: 0 !important; @@ -7871,8 +7881,7 @@ article.node-type-ressource .wrapper-ressource .field--name-title h2 a { -webkit-line-clamp: 4; overflow: hidden; text-overflow: ellipsis; - line-height: 1.2em; - max-height: 4.8em; + line-height: 1.4em; } @media (max-width: 810px) { article.node-type-ressource .wrapper-ressource .field--name-title h2 { @@ -7899,7 +7908,7 @@ article.node-type-ressource .wrapper-ressource .field--name-field-sous-titre { order: 5; font-size: 0.9rem; font-weight: 900; - line-height: 1.5 !important; + line-height: 1.3 !important; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; @@ -7996,7 +8005,7 @@ article.node-type-ressource.type-publications-issues-du-programme .wrapper-resso article.node-type-ressource.type-publications-issues-du-programme .wrapper-ressource .field--name-title { grid-row: 3; margin-top: 0; - padding-bottom: 0.8rem; + padding-bottom: 0.4rem; } article.node-type-ressource.type-publications-issues-du-programme .wrapper-ressource .field--name-title h2 { margin-left: 0 !important; @@ -8006,6 +8015,7 @@ article.node-type-ressource.type-publications-issues-du-programme .wrapper-resso color: rgb(0, 158, 227); font-size: 1.3rem; font-style: normal; + line-height: 1.2em !important; } article.node-type-ressource.type-publications-issues-du-programme .wrapper-ressource .field--name-field-sous-titre { margin-top: 0; diff --git a/web/themes/custom/eql/scss/pages/_ressources.scss b/web/themes/custom/eql/scss/pages/_ressources.scss index f2ecd17..451b8e7 100644 --- a/web/themes/custom/eql/scss/pages/_ressources.scss +++ b/web/themes/custom/eql/scss/pages/_ressources.scss @@ -471,12 +471,26 @@ min-width: 350px !important; max-width: 500px ; } + .field--name-title{ + h2{ + line-height: 1.2rem; + } + } + .field--name-field-sous-titre{ + color: $blue-light; + line-height: 1.3 !important; + } } .view-type-slide.type-paroles-de-laureats{order: 2;} .view-type-slide.type-les-projets-en-images{ order: 3; // width: 80%; // border-top: solid 1px rgba(0, 0, 0, 0.3); + .field--name-title{ + h2{ + line-height: 1.4rem; + } + } } .view-type-slide.type-les-projets-en-images{ .slick-list{ 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 8c552e3..d9c2bf1 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 @@ -54,7 +54,7 @@ article.node-type-ressource{ margin-bottom: 0; h2{ margin: 0; - line-height: 1rem; + line-height: 1.2rem; margin-left: 0 !important; line-height: 0; margin-bottom: 0 !important; @@ -70,8 +70,8 @@ article.node-type-ressource{ overflow: hidden; text-overflow: ellipsis; - line-height: 1.2em; - max-height: calc(1.2em * 4); + line-height: 1.4em; + } @media (max-width: 810px) { line-height: 0 !important; @@ -99,13 +99,13 @@ article.node-type-ressource{ order: 5; font-size: 0.9rem; font-weight: 900; - line-height: 1.5 !important; + line-height: 1.3 !important; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; - overflow: hidden; text-overflow: ellipsis; + } .field--name-field-edition{ order: 7; @@ -204,7 +204,7 @@ article.node-type-ressource{ .field--name-title{ grid-row: 3; margin-top: 0; - padding-bottom: 0.8rem; + padding-bottom: 0.4rem; h2{ margin-left: 0 !important; line-height: 0; @@ -212,6 +212,7 @@ article.node-type-ressource{ color: $blue-light; font-size: 1.3rem; font-style: normal; + line-height: 1.2em !important; } } @@ -300,9 +301,9 @@ article.node-type-ressource{ article.node-type-ressource.type-les-projets-en-images { .wrapper-ressource { display: grid; - 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 + grid-template-columns: 2fr 1fr !important; + width: 100%; + max-width: 100%; // gap: 1rem; column-gap: 1rem; align-items: start; @@ -350,7 +351,7 @@ article.node-type-ressource{ .field--name-field-date-de-parution, .field--name-field-mots-clefs { grid-column: 2; - width: 100%; // ✅ évite que ça casse la colonne + width: 100%; box-sizing: border-box; padding: 0; margin: 0;