From 67a99c34433742f15b98066a14232f0b7627d3a2 Mon Sep 17 00:00:00 2001
From: ouidade <ouidade@figureslibres.io>
Date: Fri, 29 May 2026 12:01:13 +0200
Subject: [PATCH] lmimiter taile titre et sous titre dans teaser ressources

---
 .../custom/eql/dist/assets/css/bundle.css     | 14 ++++++++++++-
 .../partials/_node-type-ressource-teaser.scss | 20 ++++++++++++++++++-
 2 files changed, 32 insertions(+), 2 deletions(-)

diff --git a/web/themes/custom/eql/dist/assets/css/bundle.css b/web/themes/custom/eql/dist/assets/css/bundle.css
index 98291ec..4b6df6c 100644
--- a/web/themes/custom/eql/dist/assets/css/bundle.css
+++ b/web/themes/custom/eql/dist/assets/css/bundle.css
@@ -7854,6 +7854,13 @@ article.node-type-ressource .wrapper-ressource .field--name-title h2 a {
   font-size: 0.9rem;
   font-weight: 900;
   font-style: normal;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 4;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  line-height: 1.2em;
+  max-height: 4.8em;
 }
 @media (max-width: 810px) {
   article.node-type-ressource .wrapper-ressource .field--name-title h2 {
@@ -7880,7 +7887,12 @@ article.node-type-ressource .wrapper-ressource .field--name-field-sous-titre {
   order: 5;
   font-size: 0.9rem;
   font-weight: 900;
-  line-height: 1.5;
+  line-height: 1.5 !important;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 3;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 article.node-type-ressource .wrapper-ressource .field--name-field-edition {
   order: 7;
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 3e4d19f..d9abca2 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
@@ -56,6 +56,15 @@ article.node-type-ressource{
                     font-size: 0.9rem;
                     font-weight: 900;
                     font-style: normal;
+                    display: -webkit-box;
+                    -webkit-box-orient: vertical;
+                    -webkit-line-clamp: 4;
+                
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                
+                    line-height: 1.2em;
+                    max-height: calc(1.2em * 4);
                 }
                 @media (max-width: 810px) {
                     line-height: 0 !important;                                       
@@ -83,7 +92,16 @@ article.node-type-ressource{
             order: 5;
             font-size: 0.9rem;
             font-weight: 900;
-            line-height: 1.5;
+            line-height: 1.5 !important;
+            display: -webkit-box;
+            -webkit-box-orient: vertical;
+            -webkit-line-clamp: 3;
+        
+            overflow: hidden;
+            text-overflow: ellipsis;
+        
+            // line-height: 1.5em;
+            // max-height: calc(1.2em * 3);
         }
         .field--name-field-edition{
             order: 7;