Explorar o código

lmimiter taile titre et sous titre dans teaser ressources

ouidade hai 5 días
pai
achega
67a99c3443

+ 13 - 1
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;

+ 19 - 1
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;