From 49f8c8c8b93b4ba2d9fe85ae0b879ad03c35bd41 Mon Sep 17 00:00:00 2001
From: Brieuc-brd <brd@odoo.com>
Date: Fri, 11 Mar 2022 14:45:17 +0000
Subject: [PATCH] [REF] mail: `Chatter`, review and simplify scss
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Part of the overall v16 SCSS optimization/restyle, task-2704984

task-2781992

closes odoo/odoo#86279

Signed-off-by: Alexandre Kühn (aku) <aku@odoo.com>
---
 .../src/components/chatter/chatter.scss       | 42 -------------------
 .../static/src/components/chatter/chatter.xml |  8 ++--
 2 files changed, 4 insertions(+), 46 deletions(-)
 delete mode 100644 addons/mail/static/src/components/chatter/chatter.scss

diff --git a/addons/mail/static/src/components/chatter/chatter.scss b/addons/mail/static/src/components/chatter/chatter.scss
deleted file mode 100644
index d9ae7a86c92..00000000000
--- a/addons/mail/static/src/components/chatter/chatter.scss
+++ /dev/null
@@ -1,42 +0,0 @@
-// ------------------------------------------------------------------
-// Layout
-// ------------------------------------------------------------------
-
-.o_Chatter {
-    position: relative;
-    display: flex;
-    flex: 1 1 auto;
-    flex-direction: column;
-    width: map-get($sizes, 100);
-}
-
-.o_Chatter_composer {
-    border-bottom: $border-width solid;
-
-    &.o-bordered {
-        border-left: $border-width solid;
-        border-right: $border-width solid;
-    }
-}
-
-.o_Chatter_scrollPanel {
-    overflow-y: auto;
-}
-
-// ------------------------------------------------------------------
-// Style
-// ------------------------------------------------------------------
-
-.o_Chatter {
-    background-color: $white;
-    border-color: $border-color;
-}
-
-.o_Chatter_composer {
-    border-bottom-color: $border-color;
-
-    &.o-bordered {
-        border-left-color: $border-color;
-        border-right-color: $border-color;
-    }
-}
diff --git a/addons/mail/static/src/components/chatter/chatter.xml b/addons/mail/static/src/components/chatter/chatter.xml
index 0a88f510846..ff4225b4d00 100644
--- a/addons/mail/static/src/components/chatter/chatter.xml
+++ b/addons/mail/static/src/components/chatter/chatter.xml
@@ -2,7 +2,7 @@
 <templates xml:space="preserve">
 
     <t t-name="mail.Chatter" owl="1">
-        <div class="o_Chatter" t-attf-class="{{ className }}" t-ref="root">
+        <div class="o_Chatter position-relative flex-grow-1 flex-column d-flex w-100 bg-white" t-attf-class="{{ className }}" t-ref="root">
             <t t-if="chatter">
                 <div class="o_Chatter_fixedPanel">
                     <ChatterTopbar
@@ -11,15 +11,15 @@
                     />
                     <t t-if="chatter.composerView">
                         <Composer
-                            className="'o_Chatter_composer'"
-                            classNameObj="{ 'o-bordered': chatter.hasExternalBorder }"
+                            className="'o_Chatter_composer border-bottom'"
+                            classNameObj="{ 'o-bordered border-left border-right': chatter.hasExternalBorder }"
                             localId="chatter.composerView.localId"
                             hasMentionSuggestionsBelowPosition="true"
                             isExpandable="true"
                         />
                     </t>
                 </div>
-                <div class="o_Chatter_scrollPanel" t-on-scroll="chatter.onScrollScrollPanel" t-ref="scrollPanel">
+                <div class="o_Chatter_scrollPanel overflow-auto" t-on-scroll="chatter.onScrollScrollPanel" t-ref="scrollPanel">
                     <t t-if="chatter.attachmentBoxView">
                         <AttachmentBox
                             className="'o_Chatter_attachmentBox'"