From 67bfa1dfb4fd81dcde566cb1550163b8159bde9f Mon Sep 17 00:00:00 2001 From: Nicolas Lempereur Date: Mon, 15 Feb 2021 13:33:26 +0000 Subject: [PATCH] [FIX] website_sale: wrap unbreakable product name In some location, a long unbreakable word would cause following columns to be hidden (depending on size of unbreakable word, font, font size, ...). For example, this happened in the cart summary on payment page. With this changeset, if not possible otherwise, line break happen inside the word. opw-2451496 note: from 13.0 the shop product lists are inside .card so the h5 override (that is now h6) is not necessary. note: also adds similar CSS propery for case where word-wrap doesn't word (added in `#66194` for 12.0 up to 13.0). closes odoo/odoo#66208 X-original-commit: 9193776417f9da3083ad5c2e1760d0dacfb6bd59 Signed-off-by: Nicolas Lempereur (nle) --- addons/website_sale/static/src/scss/website_sale.scss | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/addons/website_sale/static/src/scss/website_sale.scss b/addons/website_sale/static/src/scss/website_sale.scss index 42b2006a1e0..982a5aa4e26 100644 --- a/addons/website_sale/static/src/scss/website_sale.scss +++ b/addons/website_sale/static/src/scss/website_sale.scss @@ -35,8 +35,10 @@ $o-wsale-products-layout-grid-gutter-width: min($grid-gutter-width / 2, $o-wsale } } - h1[itemprop="name"], .oe_product_cart form h5 { + h1[itemprop="name"], .td-product_name { + word-break: break-word; word-wrap: break-word; + overflow-wrap: break-word; } @include media-breakpoint-down(sm) {