From 806cb4aa43bf896823b72284b8850d5fdd3d4040 Mon Sep 17 00:00:00 2001
From: Romain Estievenart <res@odoo.com>
Date: Tue, 25 Feb 2020 09:36:50 +0000
Subject: [PATCH] [FIX] mail: preview image distorted on mobile
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

This commit fix the o_mail_preview_image css by applying the same
rules as desktop.

Task ID: 2200099

closes odoo/odoo#46328

X-original-commit: f4a106c7fa5ba21bba2811d5c51cbf5bf57f4dc9
Signed-off-by: Adrien Dieudonné (adr) <adr@odoo.com>
---
 addons/mail/static/src/scss/discuss.scss |  7 +++----
 addons/mail/static/src/scss/systray.scss | 10 ++--------
 2 files changed, 5 insertions(+), 12 deletions(-)

diff --git a/addons/mail/static/src/scss/discuss.scss b/addons/mail/static/src/scss/discuss.scss
index 553cbde3b6d..81b7460325b 100644
--- a/addons/mail/static/src/scss/discuss.scss
+++ b/addons/mail/static/src/scss/discuss.scss
@@ -358,6 +358,9 @@
         align-items: center;
         flex: 0 0 auto;
         position: relative;
+        width: 40px;
+        height: 40px;
+        object-fit: cover;
         > img {
             max-width: 100%;
             max-height: 100%;
@@ -446,10 +449,6 @@
     .o_mail_preview {
         padding: $o-mail-chatter-mobile-gap;
 
-        .o_mail_preview_image:not(img) {
-            width: $o-mail-chatter-mobile-gap*6;
-        }
-
         .o_preview_info, .o_last_message_date {
             margin-left: $o-mail-chatter-mobile-gap;
         }
diff --git a/addons/mail/static/src/scss/systray.scss b/addons/mail/static/src/scss/systray.scss
index 8330906c737..1468b8bb378 100644
--- a/addons/mail/static/src/scss/systray.scss
+++ b/addons/mail/static/src/scss/systray.scss
@@ -72,14 +72,8 @@
                 .o_mail_preview {
                     min-height: 50px;
                     padding: 5px;
-                    .o_mail_preview_image {
-                        width: 40px;
-                        height: 40px;
-                        object-fit: cover;
-
-                        .fa-circle-o {
-                            display: none;
-                        }
+                    .o_mail_preview_image .fa-circle-o {
+                        display: none;
                     }
                     .o_preview_info {
                         margin-left: 10px;