From 7f9bbd23e5052f65402bf76d01cdb25cf8d44854 Mon Sep 17 00:00:00 2001 From: Gaetan Craig-Riou Date: Mon, 22 Jul 2024 14:59:30 +1000 Subject: [PATCH] Revert fix introduced in https://github.com/openfoodfoundation/openfoodnetwork/issues/10685 It breaks wit Safari on Iphone --- app/webpacker/css/darkswarm/_shop-product-rows.scss | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/app/webpacker/css/darkswarm/_shop-product-rows.scss b/app/webpacker/css/darkswarm/_shop-product-rows.scss index d4a44cc07e1..0ab0a8b1fd7 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: 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)