[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:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user