[REF] mail: FollowerListMenu, review and simplify scss

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>
This commit is contained in:
Brieuc-brd
2022-03-24 17:12:05 +01:00
parent fa278c83d8
commit 9ead1efcfa
2 changed files with 5 additions and 17 deletions
@@ -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;
}
@@ -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