[FIX] website_sale: dropdown overflow issue

Partially revert the 'table-responsive' layout introduced by commit
https://github.com/odoo/odoo/commit/5abccc.

The addition of the 'table-responsive' class in commit https://github.com/odoo/odoo/commit/5abccc
effectively addressed the overflowing of very long product names without
whitespace. However, it inadvertently introduced a new issue by
partially concealing the "Download" dropdowns for digital products.

To mitigate this problem, this commit disables the
'table-responsive' layout when website_sale is installed.
This adjustment preserves the accessibility of the "Download"
dropdowns while still offering a workaround for accommodating lengthy
product names.

task-3335488 (bugfix)
task-4720 (rd-design)

closes odoo/odoo#144680

X-original-commit: ce9c5ff8af739a3f9be3ffa98c6119b0c346a53c
Signed-off-by: Antoine Vandevenne (anv) <anv@odoo.com>
This commit is contained in:
stefanorigano (SRI)
2023-12-08 15:57:49 +00:00
parent 292dfc20ba
commit 6e006c05ce
+5 -2
View File
@@ -2516,12 +2516,15 @@
</template>
<template id="sale_order_portal_content_inherit_website_sale" name="Orders Followup Products Links" inherit_id="sale.sale_order_portal_content">
<xpath expr="//section[@id='details']//div[hasclass('table-responsive')]" position="attributes">
<attribute name="class" remove="table-responsive" separator=" "/>
</xpath>
<xpath expr="//section[@id='details']//td[@id='product_name']/*" position="replace">
<a t-if="line.product_id.website_published" t-att-href="line.product_id.website_url">
<a t-if="line.product_id.website_published" t-att-href="line.product_id.website_url" class="d-block text-wrap" style="max-width: 35vw">
<span t-field="line.name" />
</a>
<t t-if="not line.product_id.website_published">
<span t-field="line.name" />
<span t-field="line.name" class="d-block text-wrap" style="max-width: 35vw"/>
</t>
</xpath>
</template>