[FIX] web: prevent caret overlap with nested group name in list view

When converting the list view to owl, the caret indicator for groups in
list view was incorrectly given the extra class `fa-fw` which gives the
icon a fixed-width. This is incompatible with using padding as spacers,
and caused the caret to overlap the group name in nested groups.

This commit fixes that by removing the `fa-fw` class.

closes odoo/odoo#106994

X-original-commit: ff1055ddd07653d156a5887081f3ebe22dcbcae0
Signed-off-by: Samuel Degueldre <sad@odoo.com>
This commit is contained in:
niyasraphy
2022-12-01 18:30:55 +01:00
committed by Samuel Degueldre
parent 15756c2cfd
commit d4363b8321
@@ -167,7 +167,7 @@
t-attf-class="o_group_name fs-6 fw-bold {{!group.isFolded ? 'text-900' : 'text-700'}}"
t-att-colspan="getGroupNameCellColSpan(group)">
<div class="d-flex">
<span t-attf-class="fa fa-fw {{group.isFolded ? 'fa-caret-right' : 'fa-caret-down' }}"
<span t-attf-class="fa {{group.isFolded ? 'fa-caret-right' : 'fa-caret-down' }}"
t-attf-style="padding-left: {{2 + getGroupLevel(group) * 20}}px; padding-right: 5px"/>
<t t-esc="getGroupDisplayName(group)"/> (<t t-esc="group.count"/>)
<div t-if="(groupByButtons[group.groupByField.name] and !group.isFolded)" class="o_group_buttons">