ソースを参照

margin, lineheight, padding teaser ressources

ouidade 5 日 前
コミット
418ce4ec77

+ 15 - 5
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;

+ 14 - 0
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{

+ 11 - 10
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;