From 6642734b9cab762ad5fa8868c416981c46cc53d2 Mon Sep 17 00:00:00 2001 From: Isaac Alencar Date: Thu, 11 Jan 2024 17:18:09 -0300 Subject: [PATCH] transform inner content into span tag to use text-overflow with ellipsis --- app/views/shop/products/_shop_variant.html.haml | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/app/views/shop/products/_shop_variant.html.haml b/app/views/shop/products/_shop_variant.html.haml index b6e91c8c2f..707ee35f1f 100644 --- a/app/views/shop/products/_shop_variant.html.haml +++ b/app/views/shop/products/_shop_variant.html.haml @@ -14,7 +14,8 @@ "question-mark-with-tooltip-placement" => "top", "question-mark-with-tooltip-animation" => true, key: "'js.shopfront.unit_price_tooltip'"} - {{ variant.unit_price_price | localizeCurrency }} / {{ variant.unit_price_unit }} + %span.unit_price_unit + {{ variant.unit_price_price | localizeCurrency }} / {{ variant.unit_price_unit }} .medium-2.large-2.columns.total-price %span{"ng-class" => "{filled: variant.line_item.total_price}"}