[REF] mail: discuss_mobile_mailbox_selection scss refactoring

Current SCSS is replaced with global Bootstrap classes, in
order to reduce code lines and to increase performance.

Task-2821469

Part-of: odoo/odoo#88458
This commit is contained in:
Carlos Valverde
2022-04-19 12:14:58 +02:00
parent be29e97748
commit 96dd189974
2 changed files with 2 additions and 20 deletions
@@ -1,18 +0,0 @@
// ------------------------------------------------------------------
// Layout
// ------------------------------------------------------------------
.o_DiscussMobileMailboxSelection {
display: flex;
flex: 0 0 auto;
}
.o_DiscussMobileMailboxSelection_button {
flex: 1 1 0;
padding: map-get($spacers, 2);
z-index: 1;
&.o-active {
z-index: 2;
}
}
@@ -2,9 +2,9 @@
<templates xml:space="preserve">
<t t-name="mail.DiscussMobileMailboxSelection" owl="1">
<div class="o_DiscussMobileMailboxSelection" t-attf-class="{{ className }}" t-ref="root">
<div class="o_DiscussMobileMailboxSelection d-flex" t-attf-class="{{ className }}" t-ref="root">
<t t-foreach="discussView.discuss.orderedMailboxes" t-as="mailbox" t-key="mailbox.localId">
<button class="o_DiscussMobileMailboxSelection_button btn btn-secondary"
<button class="o_DiscussMobileMailboxSelection_button btn btn-secondary flex-grow-1 p-2"
t-att-class="{
'active o-active': discussView.discuss.thread === mailbox,
}" t-on-click="() => discussView.onClickMobileMailboxSelectionItem(mailbox)" t-att-data-mailbox-local-id="mailbox.localId" type="button"