From dcf3d6e508f13f607c18e891ccaebacc36a869a0 Mon Sep 17 00:00:00 2001
From: Brieuc-brd <brd@odoo.com>
Date: Thu, 31 Mar 2022 07:35:58 +0000
Subject: [PATCH] [REF] mail: `ComposerSuggestionList`, 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#87719

Signed-off-by: Alexandre Kühn (aku) <aku@odoo.com>
---
 .../composer_suggestion_list.scss              | 18 ------------------
 .../composer_suggestion_list.xml               |  6 +++---
 2 files changed, 3 insertions(+), 21 deletions(-)

diff --git a/addons/mail/static/src/components/composer_suggestion_list/composer_suggestion_list.scss b/addons/mail/static/src/components/composer_suggestion_list/composer_suggestion_list.scss
index f6f9a32d104..f46da945932 100644
--- a/addons/mail/static/src/components/composer_suggestion_list/composer_suggestion_list.scss
+++ b/addons/mail/static/src/components/composer_suggestion_list/composer_suggestion_list.scss
@@ -2,26 +2,8 @@
 // Layout
 // ------------------------------------------------------------------
 
-.o_ComposerSuggestionList {
-    position: absolute;
-    // prevent suggestion items from overflowing
-    width: map-get($sizes, 100);
-
-    &.o-lowPosition {
-        bottom: 0;
-    }
-}
-
-.o_ComposerSuggestionList_drop {
-    // prevent suggestion items from overflowing
-    width: map-get($sizes, 100);
-}
-
 .o_ComposerSuggestionList_list {
-    // prevent suggestion items from overflowing
-    width: map-get($sizes, 100);
     // prevent from overflowing chat window, must be smaller than its height
     // minus the max height taken by composer and attachment list
     max-height: 150px;
-    overflow: auto;
 }
diff --git a/addons/mail/static/src/components/composer_suggestion_list/composer_suggestion_list.xml b/addons/mail/static/src/components/composer_suggestion_list/composer_suggestion_list.xml
index bc663ff34a9..a4757722b63 100644
--- a/addons/mail/static/src/components/composer_suggestion_list/composer_suggestion_list.xml
+++ b/addons/mail/static/src/components/composer_suggestion_list/composer_suggestion_list.xml
@@ -3,9 +3,9 @@
 
     <t t-name="mail.ComposerSuggestionList" owl="1">
         <t t-if="composerView">
-            <div class="o_ComposerSuggestionList" t-att-class="{ 'o-lowPosition': props.isBelow }" t-attf-class="{{ className }}" t-ref="root">
-                <div class="o_ComposerSuggestionList_drop" t-att-class="{ 'dropdown': props.isBelow, 'dropup': !props.isBelow }">
-                    <div class="o_ComposerSuggestionList_list dropdown-menu show">
+            <div class="o_ComposerSuggestionList position-absolute w-100" t-att-class="{ 'o-lowPosition bottom-0': props.isBelow }" t-attf-class="{{ className }}" t-ref="root">
+                <div class="o_ComposerSuggestionList_drop w-100" t-att-class="{ 'dropdown': props.isBelow, 'dropup': !props.isBelow }">
+                    <div class="o_ComposerSuggestionList_list dropdown-menu show w-100 overflow-auto">
                         <t t-foreach="composerView.mainSuggestions" t-as="suggestion" t-key="suggestion.localId">
                             <ComposerSuggestion
                                 composerViewLocalId="composerView.localId"