[REF] mail: MessageInReplyToView, review and simplify scss

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

task-2826587

closes odoo/odoo#89032

Signed-off-by: Alexandre Kühn (aku) <aku@odoo.com>
This commit is contained in:
Brieuc-brd
2022-04-20 12:37:44 +02:00
parent 8fc3df9617
commit d541cef5b5
2 changed files with 5 additions and 15 deletions
@@ -1,26 +1,15 @@
.o_MessageInReplyToView {
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding-left: $o-mail-message-sidebar-width;
}
.o_MessageInReplyToView::before {
@include o-position-absolute($left: $o-mail-message-sidebar-width / 2, $bottom: 0);
content: "";
display: inline-block;
.o_MessageInReplyToView_corner {
left: $o-mail-message-sidebar-width / 2;
border-left: $border-width solid currentColor;
border-top: $border-width solid currentColor;
border-radius: $o-mail-rounded-rectangle-border-radius-sm 0 0 0;
height: .75em;
width: 2em;
margin-bottom: .25em;
opacity: .5;
}
.o_MessageInReplyToView_body {
cursor: pointer;
@include o-hover-text-color($o-main-color-muted, inherit);
// Make the body single line when possible
@@ -2,10 +2,11 @@
<templates xml:space="preserve">
<t t-name="mail.MessageInReplyToView" owl="1">
<t t-if="messageInReplyToView">
<small class="o_MessageInReplyToView text-small pt-1 pr-2 position-relative" t-attf-class="{{ className }}" t-ref="root">
<small class="o_MessageInReplyToView position-relative d-block pt-1 pr-2 text-small text-truncate" t-attf-class="{{ className }}" t-ref="root">
<span class="o_MessageInReplyToView_corner position-absolute bottom-0 mb-1 pr-4 pb-2 opacity-50"/>
<t t-if="!messageInReplyToView.messageView.message.parentMessage.isEmpty">
<b class="o_MessageInReplyToView_author text-muted ml-2">@<t t-esc="messageInReplyToView.messageView.message.parentMessage.authorName"/></b>
<span class="o_MessageInReplyToView_body ml-1" t-on-click="messageInReplyToView.onClickReply">
<span class="o_MessageInReplyToView_body ml-1 o_cursor_pointer" t-on-click="messageInReplyToView.onClickReply">
<t t-if="messageInReplyToView.hasBodyBackLink">
<t t-out="messageInReplyToView.messageView.message.parentMessage.prettyBodyAsMarkup"/>
</t>