[FIX] website_livechat: adapt visitor kanban to fix scss styling

The commit fixes a small UI glitch in the website.visitors kanban view when
website_livechat is installed.

Since 5a0a1e76b3
The "o_field_many2one_avatar" class works a bit differently and requires
additional wrapping.
To get around that, we specify a custom image tag with the appropriate size and
classes to get a small rounded avatar-style rendering.

Task-2612936

closes odoo/odoo#75148

X-original-commit: aa2951731458896bebfa6146a5899277b2d07e26
Signed-off-by: Thibault Delavallee (tde) <tde@openerp.com>
This commit is contained in:
Aurélien Warnon
2021-08-16 12:05:36 +00:00
parent 99787182e4
commit d112c79f67
@@ -40,9 +40,10 @@
<div t-if="record.livechat_operator_id.raw_value">
Speaking With
<div name="livechat_operator_id"
class="o_field_many2one_avatar o_field_widget font-weight-bold float-right d-inline-block">
<img t-attf-src="/web/image/res.partner/#{record.livechat_operator_id.raw_value}/avatar_128"
alt="Operator Avatar" class="o_m2o_avatar"/>
class="font-weight-bold float-right d-inline-block">
<img class="oe_avatar rounded-circle" width="19" height="19"
t-attf-src="/web/image/res.partner/#{record.livechat_operator_id.raw_value}/avatar_128"
alt="Operator Avatar"/>
<field name="livechat_operator_name"/>
</div>
</div>
@@ -58,10 +59,11 @@
<div>Chats</div>
</div>
<div class="col mx-2">
<div t-if="record.livechat_operator_id.raw_value"
class="o_field_many2one_avatar o_field_widget font-weight-bold" name="livechat_operator_id">
<img t-attf-src="/web/image/res.partner/#{record.livechat_operator_id.raw_value}/avatar_128"
alt="Operator Avatar" class="o_m2o_avatar"/>
<div t-if="record.livechat_operator_id.raw_value" class="font-weight-bold">
<img name="livechat_operator_id"
class="oe_avatar rounded-circle" width="19" height="19"
t-attf-src="/web/image/res.partner/#{record.livechat_operator_id.raw_value}/avatar_128"
alt="Operator Avatar"/>
<field name="livechat_operator_name"/>
</div>
<div t-if="record.livechat_operator_id.raw_value">Speaking With</div>