From 9ead1efcfac12c5e4d661ebc390262cad76bf5f0 Mon Sep 17 00:00:00 2001
From: Brieuc-brd <brd@odoo.com>
Date: Thu, 17 Mar 2022 15:53:16 +0000
Subject: [PATCH] [REF] mail: `FollowerListMenu`, 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#86727

Signed-off-by: Alexandre Kühn (aku) <aku@odoo.com>
---
 .../follower_list_menu/follower_list_menu.scss   | 16 ++--------------
 .../follower_list_menu/follower_list_menu.xml    |  6 +++---
 2 files changed, 5 insertions(+), 17 deletions(-)

diff --git a/addons/mail/static/src/components/follower_list_menu/follower_list_menu.scss b/addons/mail/static/src/components/follower_list_menu/follower_list_menu.scss
index 1b87f269f5f..33b97146119 100644
--- a/addons/mail/static/src/components/follower_list_menu/follower_list_menu.scss
+++ b/addons/mail/static/src/components/follower_list_menu/follower_list_menu.scss
@@ -2,19 +2,11 @@
 // Layout
 // ------------------------------------------------------------------
 
-.o_FollowerListMenu {
-    position: relative;
-}
-
-.o_FollowerListMenu_buttonFollowers {
-    &:focus {
-        background-color: gray('200');
-    }
+.o_FollowerListMenu_buttonFollowers:focus {
+    background-color: $gray-200;
 }
 
 .o_FollowerListMenu_dropdown {
-    display: flex;
-    flex-flow: column;
     /**
      * Note: Min() refers to CSS min() and not SCSS min().
      *
@@ -22,7 +14,3 @@
      */
     max-width: Min(400px, 95vw);
 }
-
-.o_FollowerListMenu_followers {
-    display: flex;
-}
diff --git a/addons/mail/static/src/components/follower_list_menu/follower_list_menu.xml b/addons/mail/static/src/components/follower_list_menu/follower_list_menu.xml
index 04c3edafc7d..31c44c65ed4 100644
--- a/addons/mail/static/src/components/follower_list_menu/follower_list_menu.xml
+++ b/addons/mail/static/src/components/follower_list_menu/follower_list_menu.xml
@@ -3,15 +3,15 @@
 
     <t t-name="mail.FollowerListMenu" owl="1">
         <t t-if="thread">
-            <div class="o_FollowerListMenu" t-attf-class="{{ className }}" t-on-keydown="_onKeydown" t-ref="root">
-                <div class="o_FollowerListMenu_followers" t-ref="dropdown">
+            <div class="o_FollowerListMenu position-relative d-flex" t-attf-class="{{ className }}" t-on-keydown="_onKeydown" t-ref="root">
+                <div class="o_FollowerListMenu_followers d-flex" t-ref="dropdown">
                     <button class="o_FollowerListMenu_buttonFollowers btn btn-link" t-att-disabled="props.isDisabled" t-on-click="_onClickFollowersButton" title="Show Followers">
                         <i class="fa fa-user"/>
                         <span class="o_FollowerListMenu_buttonFollowersCount pl-1" t-esc="thread.followers.length"/>
                     </button>
 
                     <t t-if="state.isDropdownOpen">
-                        <div class="o_FollowerListMenu_dropdown dropdown-menu dropdown-menu-right" role="menu">
+                        <div class="o_FollowerListMenu_dropdown dropdown-menu dropdown-menu-right flex-column d-flex" role="menu">
                             <t t-if="thread.model !== 'channel' and thread.hasWriteAccess">
                                 <a class="o_FollowerListMenu_addFollowersButton dropdown-item" href="#" role="menuitem" t-on-click="_onClickAddFollowers">
                                     Add Followers