From d112c79f6744f7197d2ff6132464fc190caacadd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Aur=C3=A9lien=20Warnon?= <awa@odoo.com>
Date: Tue, 3 Aug 2021 12:56:25 +0000
Subject: [PATCH] [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 5a0a1e76b372d80adc1bad6ad29a20bedf764100
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>
---
 .../views/website_visitor_views.xml              | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/addons/website_livechat/views/website_visitor_views.xml b/addons/website_livechat/views/website_visitor_views.xml
index 3cc56593e88..51c25e19599 100644
--- a/addons/website_livechat/views/website_visitor_views.xml
+++ b/addons/website_livechat/views/website_visitor_views.xml
@@ -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>