From 8a8a178683e84564b67dc22eeedf046150200ade Mon Sep 17 00:00:00 2001 From: wandji20 Date: Wed, 3 Jul 2024 18:55:30 +0100 Subject: [PATCH] Fix Product description not correctly truncated [OFN-10685] --- app/webpacker/css/darkswarm/_shop-product-rows.scss | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/app/webpacker/css/darkswarm/_shop-product-rows.scss b/app/webpacker/css/darkswarm/_shop-product-rows.scss index f731ec4ce65..d4a44cc07e1 100644 --- a/app/webpacker/css/darkswarm/_shop-product-rows.scss +++ b/app/webpacker/css/darkswarm/_shop-product-rows.scss @@ -144,7 +144,7 @@ } .product-description { - white-space: nowrap; + white-space: normal; overflow: hidden; text-overflow: ellipsis; margin-bottom: 0.75rem; @@ -156,8 +156,7 @@ -webkit-box-orient: vertical; overflow: hidden; // line-clamp is not supported in Safari - line-height: 1rem; - height: 1.75rem; + line-height: 1.75rem; > div { margin-bottom: 1.5rem; // Equivalent to p (trix doesn't use p as separator by default, so emulate div as p to be backward compatible)