[REF] mail: ChatterContainer, review and simplify scss

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

task-2781992

closes odoo/odoo#86331

Related: odoo/enterprise#25227
Signed-off-by: Alexandre Kühn (aku) <aku@odoo.com>
This commit is contained in:
Brieuc-brd
2022-03-24 17:11:55 +01:00
parent 8b1e8899aa
commit fa278c83d8
2 changed files with 2 additions and 27 deletions
@@ -1,25 +0,0 @@
// ------------------------------------------------------------------
// Layout
// ------------------------------------------------------------------
.o_ChatterContainer {
display: flex;
flex: 1 1 auto;
width: map-get($sizes, 100);
}
.o_ChatterContainer_noChatter {
flex: 1 1 auto;
display: flex;
align-items: center;
justify-content: center;
}
.o_ChatterContainer_noChatterIcon {
margin-right: map-get($spacers, 2);
}
// ------------------------------------------------------------------
// Style
// ------------------------------------------------------------------
@@ -2,12 +2,12 @@
<templates xml:space="preserve">
<t t-name="mail.ChatterContainer" owl="1">
<div class="o_ChatterContainer" t-attf-class="{{ className }}" data-command-category="mail" t-ref="root">
<div class="o_ChatterContainer flex-grow-1 d-flex w-100" t-attf-class="{{ className }}" data-command-category="mail" t-ref="root">
<t t-if="chatter">
<Chatter localId="chatter.localId"/>
</t>
<t t-else="">
<div class="o_ChatterContainer_noChatter"><i class="o_ChatterContainer_noChatterIcon fa fa-circle-o-notch fa-spin"/>Please wait...</div>
<div class="o_ChatterContainer_noChatter flex-grow-1 align-items-center justify-content-center d-flex"><i class="o_ChatterContainer_noChatterIcon fa fa-circle-o-notch fa-spin me-2"/>Please wait...</div>
</t>
</div>
</t>