diff options
Diffstat (limited to 'addons/mail/static/src/scss/thread.scss')
| -rw-r--r-- | addons/mail/static/src/scss/thread.scss | 53 |
1 files changed, 24 insertions, 29 deletions
diff --git a/addons/mail/static/src/scss/thread.scss b/addons/mail/static/src/scss/thread.scss index eca57213a8a..9f9ace65de9 100644 --- a/addons/mail/static/src/scss/thread.scss +++ b/addons/mail/static/src/scss/thread.scss @@ -1,8 +1,3 @@ -@mail-thread-avatar-size: 36px; -@mail-thread-icon-opacity: 0.6; -@mail-thread-side-date-opacity: 0.6; -@mail-thread-note: fade(@gray-lighter-dark, 50%); - .o_mail_thread, .o_mail_activity { .o_thread_show_more { text-align: center; @@ -11,11 +6,11 @@ .o_thread_date_separator { margin-top: 15px; margin-bottom: 30px; - @media (max-width: @screen-xs-max) { + @media (max-width: $screen-xs-max) { margin-top: 0px; margin-bottom: 15px; } - border-bottom: 1px solid @gray-lighter-darker; + border-bottom: 1px solid $gray-lighter-darker; text-align: center; .o_thread_date { @@ -30,42 +25,42 @@ .o_thread_new_messages_separator { margin-bottom: 15px; - border-bottom: solid lighten(@odoo-brand-primary, 15%) 1px; + border-bottom: solid lighten($odoo-brand-primary, 15%) 1px; text-align: right; .o_thread_separator_label { position: relative; top: 8px; padding: 0 10px; background: white; - color: lighten(@odoo-brand-primary, 15%); + color: lighten($odoo-brand-primary, 15%); font-size: smaller; } } .o_thread_message { - .o-flex-display(); - padding: 4px @odoo-horizontal-padding; + @include o-flex-display; + padding: 4px $odoo-horizontal-padding; margin-bottom: 0px; &.o_mail_not_discussion { - background-color: @mail-thread-note; - border-bottom: 1px solid @gray-lighter-darker; + background-color: $mail-thread-note; + border-bottom: 1px solid $gray-lighter-darker; } .o_thread_message_sidebar { - .o-flex(0, 0, @mail-thread-avatar-size); + @include o-flex(0, 0, $mail-thread-avatar-size); margin-right: 10px; margin-top: 2px; text-align: center; font-size: smaller; - @media (max-width: @screen-xs-max) { + @media (max-width: $screen-xs-max) { margin-top: 4px; font-size: x-small; } .o_thread_message_avatar { - max-width: @mail-thread-avatar-size; + max-width: $mail-thread-avatar-size; } .o_thread_message_side_date { margin-left: -5px; @@ -82,17 +77,17 @@ cursor: pointer; opacity: 0; &.fa-star { - opacity: @mail-thread-icon-opacity; + opacity: $mail-thread-icon-opacity; color: gold; } } &:hover, &.o_thread_selected_message { .o_thread_message_side_date { - opacity: @mail-thread-side-date-opacity; + opacity: $mail-thread-side-date-opacity; } .o_thread_icon { - opacity: @mail-thread-icon-opacity; + opacity: $mail-thread-icon-opacity; &:hover { opacity: 1; } @@ -104,7 +99,7 @@ } .o_thread_message_core { - .o-flex(1, 1, auto); + @include o-flex(1, 1, auto); min-width: 0; max-width: 100%; word-wrap: break-word; @@ -114,7 +109,7 @@ text-align: justify; } - + .o_mail_subject { font-style: italic; @@ -149,13 +144,13 @@ .o_mail_info { margin-bottom: 2px; - .text-muted(); + @extend .text-muted; // FIXME was a mixin before scss convertion .o_mail_mailto, .o_mail_mailto:hover { - .text-muted(); + @extend .text-muted; // FIXME was a mixin before scss convertion } strong { - color: @headings-color; + color: $headings-color; } } @@ -179,7 +174,7 @@ .o_attachments_list, .o_attachments_previews { &:last-child { - margin-bottom: @grid-gutter-width; + margin-bottom: $grid-gutter-width; } } @@ -189,9 +184,9 @@ .o_thread_tooltip_content { top: 10px; - background: @gray-lighter; + background: $gray-lighter; padding: 4px; - border: solid @gray-lighter 1px; + border: solid $gray-lighter 1px; border-radius: 5px; color: gray; width: 300px; @@ -219,7 +214,7 @@ } .o_mail_no_content { - .o-position-absolute(30%, 0, 0, 0); + @include o-position-absolute(30%, 0, 0, 0); text-align: center; font-size: 115%; } @@ -231,6 +226,6 @@ .o_web_client.o_touch_device { .o_mail_thread .o_thread_icon { - opacity: @mail-thread-icon-opacity; + opacity: $mail-thread-icon-opacity; } } |