From 2ec02860a66dd88b4b883bf5632c3004e0d6a95a Mon Sep 17 00:00:00 2001 From: ouidade Date: Wed, 4 Jun 2025 23:50:52 +0200 Subject: [PATCH] line height --- .../custom/eql/dist/assets/css/bundle.css | 19 ++++++++------- .../custom/eql/scss/pages/ressources.scss | 24 +++++++++---------- .../partials/_node-type-ressource-teaser.scss | 5 +++- 3 files changed, 27 insertions(+), 21 deletions(-) diff --git a/web/themes/custom/eql/dist/assets/css/bundle.css b/web/themes/custom/eql/dist/assets/css/bundle.css index ddc8aa7..b174972 100644 --- a/web/themes/custom/eql/dist/assets/css/bundle.css +++ b/web/themes/custom/eql/dist/assets/css/bundle.css @@ -5622,10 +5622,9 @@ svg.ext { flex-wrap: wrap; width: 100%; } -.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:not(:first-of-type) h3 { +.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:not(:first-of-type) { width: 80%; - border-top: solid 2px rgba(0, 0, 0, 0.3); - padding-top: 2rem; + border-top: solid 1px rgba(0, 0, 0, 0.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-publications-issues-du-programme-eqld { order: 1; @@ -5643,6 +5642,7 @@ 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; + border-top: solid 1px rgba(0, 0, 0, 0.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-presse { order: 5; @@ -5669,7 +5669,8 @@ svg.ext { width: 100%; position: relative; z-index: 0; - padding-bottom: 2rem; + padding-top: 1rem; + padding-bottom: 1rem; } .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:not(footer)::before { content: ""; @@ -5684,7 +5685,6 @@ svg.ext { z-index: 1; } .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:not(footer) h3 { - margin-top: 3rem; text-transform: uppercase; font-family: "Source Code Pro"; color: rgb(9, 57, 139) !important; @@ -5692,6 +5692,7 @@ svg.ext { flex-direction: row; align-items: center; font-size: 1.7rem; + margin-block: 0em; } @media (max-width: 810px) { .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:not(footer) h3 { @@ -5711,8 +5712,6 @@ 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:not(footer) h3.type-les-projets-en-images { width: 80%; - border-top: solid 2px rgba(0, 0, 0, 0.3); - padding-top: 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:not(footer) h3.type-les-projets-en-images:before { content: url("../images/pictos/picto-ressource-projetsimages.svg"); @@ -5730,6 +5729,7 @@ svg.ext { position: relative; left: 60vw; top: -4rem; + margin-top: 1rem; } .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:not(footer) .tout-voir a { text-transform: uppercase; @@ -6808,12 +6808,14 @@ article.node-type-ressource .wrapper-ressource .field--name-title { grid-column: 2; margin-top: 0.5rem; order: 4; + margin-bottom: 0; } article.node-type-ressource .wrapper-ressource .field--name-title h2 { margin: 0; line-height: 1rem; margin-left: 0 !important; line-height: 0; + margin-bottom: 0 !important; } article.node-type-ressource .wrapper-ressource .field--name-title h2 a { color: rgb(0, 0, 0); @@ -6836,10 +6838,11 @@ article.node-type-ressource .wrapper-ressource .field--name-field-auteur-s- .fie } article.node-type-ressource .wrapper-ressource .field--name-field-sous-titre { grid-column: 2; - margin-top: 0.5rem; + margin-top: 0.8rem; order: 5; font-size: 1rem; font-weight: 900; + line-height: 1.3; } article.node-type-ressource .wrapper-ressource .field--name-field-edition { order: 7; diff --git a/web/themes/custom/eql/scss/pages/ressources.scss b/web/themes/custom/eql/scss/pages/ressources.scss index b88c4d6..117befc 100644 --- a/web/themes/custom/eql/scss/pages/ressources.scss +++ b/web/themes/custom/eql/scss/pages/ressources.scss @@ -379,7 +379,6 @@ } } .filtered{ - display: flex; flex-direction: row; flex-wrap: wrap; @@ -387,11 +386,9 @@ flex-wrap: wrap; width: 85%; .views-row { - padding: 1rem; width: 30% !important; - } - + } } } .view-content{ @@ -401,10 +398,10 @@ flex-wrap: wrap; width: 100%; - .view-type-slide:not(:first-of-type) h3 { + .view-type-slide:not(:first-of-type) { width: 80%; - border-top: solid 2px rgba(0, 0, 0, 0.3); - padding-top: 2rem; + border-top: solid 1px rgba(0, 0, 0, 0.3); + // padding-top: 2rem; } .view-type-slide.type-publications-issues-du-programme-eqld{ order: 1; @@ -418,7 +415,9 @@ } } .view-type-slide.type-paroles-de-laureats{order: 2;} - .view-type-slide.type-les-projets-en-images{order: 3;} + .view-type-slide.type-les-projets-en-images{order: 3; + border-top: solid 1px rgba(0, 0, 0, 0.3); + } .view-type-slide.type-presse{ order: 5; &::before{ @@ -437,7 +436,8 @@ width: 100%; position: relative; z-index: 0; - padding-bottom: 2rem; + padding-top: 1rem; + padding-bottom: 1rem; &::before { content: ""; position: absolute; @@ -451,7 +451,7 @@ z-index: 1; } h3{ - margin-top: 3rem; + // margin-top: 3rem; text-transform: uppercase; font-family: 'Source Code Pro'; color: rgb(9, 57, 139) !important; @@ -459,6 +459,7 @@ flex-direction: row; align-items: center; font-size: 1.7rem; + margin-block: 0em; @media (max-width: 810px){ padding-left: 2rem; } @@ -478,8 +479,6 @@ } h3.type-les-projets-en-images { width: 80%; - border-top: solid 2px rgba(0, 0, 0, 0.3); - padding-top: 2rem; &:before{ content:url("../images/pictos/picto-ressource-projetsimages.svg"); padding-right: 1rem; @@ -500,6 +499,7 @@ position: relative; left: 60vw; top: -4rem; + margin-top: 1rem; a{ text-transform: uppercase; font-size: 0.7rem; 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 760a64e..1b0142d 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 @@ -133,11 +133,13 @@ article.node-type-ressource{ grid-column: 2; margin-top: 0.5rem; order: 4; + margin-bottom: 0; h2{ margin: 0; line-height: 1rem; margin-left: 0 !important; line-height: 0; + margin-bottom: 0 !important; a{ color: $black; font-size: 1rem; @@ -163,10 +165,11 @@ article.node-type-ressource{ } .field--name-field-sous-titre{ grid-column: 2; - margin-top: 0.5rem; + margin-top: 0.8rem; order: 5; font-size: 1rem; font-weight: 900; + line-height: 1.3; } .field--name-field-edition{ order: 7;