From 40c92613d94627b78bb37a560ef73ee9883606ab Mon Sep 17 00:00:00 2001 From: GitHub Copilot Date: Thu, 27 Aug 2026 19:51:07 +0200 Subject: [PATCH] [FIX] website_sale_aplicoop: show the full product name on the cards The card title was clamped to two lines with an ellipsis, so longer names were cut off. Drop the -webkit-line-clamp and the overflow:hidden; keep the two-line min-height so short names still reserve the space and the grid rows stay aligned, while longer names grow the card downward. Co-Authored-By: Claude Sonnet 5 --- .../static/src/css/components/product-card.css | 9 +++------ 1 file changed, 3 insertions(+), 6 deletions(-) diff --git a/website_sale_aplicoop/static/src/css/components/product-card.css b/website_sale_aplicoop/static/src/css/components/product-card.css index ae06318..1764a09 100644 --- a/website_sale_aplicoop/static/src/css/components/product-card.css +++ b/website_sale_aplicoop/static/src/css/components/product-card.css @@ -157,14 +157,11 @@ } .product-card .card-title { - display: -webkit-box; - -webkit-box-orient: vertical; - -webkit-line-clamp: 2; - line-clamp: 2; - /* Reserve both lines so single-line titles don't stagger the grid. */ + /* Show the whole product name, however many lines it takes. Still reserve + two lines so short titles don't stagger the grid; longer names just grow + the card downward. */ min-height: calc(2em * var(--ac-leading-tight)); margin: 0; - overflow: hidden; overflow-wrap: break-word; font-size: var(--ac-text-base); font-weight: var(--ac-weight-semibold);