Merge pull request #12694 from rioug/12692-revert-product-desxription…

…-tuncation Revert product description truncation fix
openfoodfoundation · Jul 22, 2024 · 146296d · 146296d
2 parents 5caeb16 + 7f9bbd2
commit 146296d
Showing 1 changed file with 4 additions and 2 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: normal;
+            white-space: nowrap;
             overflow: hidden;
             text-overflow: ellipsis;
             margin-bottom: 0.75rem;
@@ -156,7 +156,9 @@
             -webkit-box-orient: vertical;
             overflow: hidden; 
             // line-clamp is not supported in Safari
-            line-height: 1.75rem;
+            // Trick to get overflow: hidden to work in old Safari
+            line-height: 1rem;
+            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)