Merge pull request #769 from hlxsites/759-coveo-family-line-clamp-title

clipping text line limit to 3 for title only
hlxsites · Feb 8, 2024 · 7146c39 · 7146c39
2 parents 96c6ef2 + d8ede58
commit 7146c39
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/blocks/category-family/category-family.js b/blocks/category-family/category-family.js
@@ -105,6 +105,12 @@ const categoryFamily = `
                                       padding-left: 1rem;
                                       padding-right: 1rem;
                                   }
+                                  .title a {
+                                    overflow: hidden;
+                                    display: -webkit-box;
+                                    -webkit-box-orient: vertical;
+                                    -webkit-line-clamp: 3;
+                                  }
                                   .mailbox-footer{
                                       display: flex;
                                       width: 100%;

diff --git a/blocks/product-resources/product-resources.js b/blocks/product-resources/product-resources.js
@@ -82,6 +82,12 @@ const productResources = `
                                         font-size: 1.5rem;
                                         font-weight:600;
                                     }
+                                    .title a {
+                                        overflow: hidden;
+                                        display: -webkit-box;
+                                        -webkit-box-orient: vertical;
+                                        -webkit-line-clamp: 3;
+                                    }
                                     .description {
                                         color: #333;
                                         font-size: .875;