From d8ede580f1a9f43327cceb1293776917b06eb5b6 Mon Sep 17 00:00:00 2001
From: Amlan Sengupta <amlans3@gmail.com>
Date: Thu, 8 Feb 2024 10:28:12 +0530
Subject: [PATCH] clipping text line limit to 3 for title only

---
 blocks/category-family/category-family.js     | 6 ++++++
 blocks/product-resources/product-resources.js | 6 ++++++
 2 files changed, 12 insertions(+)

diff --git a/blocks/category-family/category-family.js b/blocks/category-family/category-family.js
index e1843970d..fa73b12dc 100644
--- 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
index ea173a384..1212f8488 100644
--- a/blocks/product-resources/product-resources.js
+++ b/blocks/product-resources/product-resources.js
@@ -79,6 +79,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;