Merge pull request #12635 from wandji20/wb-OFN-10685

(Fix) Product description not correctly truncated
openfoodfoundation · Jul 9, 2024 · f0fd3bb · f0fd3bb
2 parents d60d29b + 8a8a178
commit f0fd3bb
Showing 1 changed file with 2 additions and 3 deletions.
diff --git 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)