[IMP] web,mail: pivot & chatter design adaption
Part-of: odoo/odoo#116641
This commit is contained in:
committed by
Pierre Paridans
parent
316c4dc801
commit
0f065ed8ea
@@ -64,7 +64,3 @@
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.o-mail-Composer-send {
|
||||
border: 1px solid darken($primary, 5%);
|
||||
}
|
||||
|
||||
@@ -78,7 +78,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<button t-if="!compact or store.isSmall" class="o-mail-Composer-send btn btn-secondary o-last border-start-0"
|
||||
t-att-class="{'mt-2': extended, 'rounded-0 rounded-end-3': !extended and !compact, 'align-self-stretch': !extended}"
|
||||
t-att-class="{'mt-2': extended, 'rounded-0 rounded-end-3': !extended and !compact, 'align-self-stretch': !extended, 'border border-start-0': env.inDiscussApp}"
|
||||
t-on-click="sendMessage"
|
||||
type="button"
|
||||
t-att-disabled="isSendButtonDisabled"
|
||||
|
||||
@@ -116,7 +116,7 @@
|
||||
</t>
|
||||
</t>
|
||||
</div>
|
||||
<div t-if="props.hasActions and !message.isTransient" class="o-mail-Message-actions bg-view"
|
||||
<div t-if="props.hasActions and !message.isTransient" class="o-mail-Message-actions"
|
||||
t-att-class="{
|
||||
'position-absolute top-0': !env.inDiscussApp,
|
||||
'start-0 ms-3': isAlignedRight,
|
||||
@@ -130,7 +130,7 @@
|
||||
'o-expanded': state.expandOptions
|
||||
}"
|
||||
>
|
||||
<div class="d-flex rounded-1 shadow-sm overflow-hidden" t-att-class="{
|
||||
<div class="d-flex rounded-1 bg-view shadow-sm overflow-hidden" t-att-class="{
|
||||
'mt-3': env.inChatter and !(message.isDiscussion or message.isNotification),
|
||||
'flex-row-reverse': env.inChatWindow and isAlignedRight,
|
||||
}"
|
||||
|
||||
@@ -20,7 +20,7 @@
|
||||
</t>
|
||||
</ul>
|
||||
</t>
|
||||
<div t-if="message.body" class="o-mail-Message-body text-break mb-0 bg-view w-100" t-ref="body">
|
||||
<div t-if="message.body" class="o-mail-Message-body text-break mb-0 w-100" t-ref="body">
|
||||
<t t-out="message.body"/>
|
||||
</div>
|
||||
</t>
|
||||
|
||||
+1
-1
@@ -137,7 +137,7 @@ $table-bg: transparent !default;
|
||||
$table-striped-color: inherit !default;
|
||||
$table-striped-bg-factor: 0.01 !default;
|
||||
$table-hover-bg-factor: .055 !default;
|
||||
$table-border-color: $gray-200 !default;
|
||||
$table-border-color: $border-color !default;
|
||||
$table-group-separator-color: $gray-200 !default;
|
||||
$table-cell-padding-x: .75rem !default;
|
||||
$table-cell-padding-y: .75rem !default;
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
|
||||
<t t-name="web.PivotRenderer" owl="1">
|
||||
<t t-call="web.PivotView.Buttons"/>
|
||||
<div class="o_pivot table-responsive">
|
||||
<div class="o_pivot table-responsive mx-3">
|
||||
|
||||
<table
|
||||
class="table-hover table table-sm table-bordered table-borderless bg-view"
|
||||
@@ -16,8 +16,9 @@
|
||||
<t t-if="cell.measure" t-call="web.PivotMeasure"/>
|
||||
<t t-elif="cell.isLeaf !== undefined" t-call="web.PivotHeader">
|
||||
<t t-set="isXAxis" t-value="true"/>
|
||||
<t t-set="isInHead" t-value="true"/>
|
||||
</t>
|
||||
<th t-else="" t-att-colspan="cell.width" t-att-rowspan="cell.height" class="fw-normal border-start-0"/>
|
||||
<th t-else="" t-att-colspan="cell.width" t-att-rowspan="cell.height" class="fw-normal border-start-0" t-att-class="{ 'border-top': cell_index != 0 }"/>
|
||||
</t>
|
||||
</tr>
|
||||
</thead>
|
||||
@@ -55,12 +56,13 @@
|
||||
|
||||
<t t-name="web.PivotHeader" owl="1">
|
||||
<th
|
||||
class="text-nowrap cursor-pointer fw-normal user-select-none border-start-0"
|
||||
class="text-nowrap cursor-pointer fw-normal user-select-none"
|
||||
t-att-colspan="isXAxis ? cell.width : undefined"
|
||||
t-att-rowspan="isXAxis ? cell.height : undefined"
|
||||
t-att-class="{
|
||||
o_pivot_header_cell_closed: cell.isLeaf,
|
||||
o_pivot_header_cell_opened: !cell.isLeaf,
|
||||
'border-top': isInHead,
|
||||
}"
|
||||
t-attf-style="{{
|
||||
isXAxis
|
||||
|
||||
Reference in New Issue
Block a user