[IMP] mail: chat window send message
On a chat window on mobile, the keyboard can be closed by clicking in the conversation, then there's no way to send your message. This commit add a "send" icon in the input, after emoji and attachments icon. Actually the button was already present on mobile but hidden because of the class o_composer_button_send (used for multiple "send" buttons). This is fixed by restricting the hidding only to the desired button. It also removes an unused 1px top/bottom margin on the thread composer (wasn't visible as the buttons' background color is the same as their parent's background). Finally applying the brand-primary text color on the "send" button only when not being in a "mini composer" mode instead of globally. Task ID: 1943863 closes odoo/odoo#32568 Signed-off-by: Adrien Dieudonné (adr) <adr@odoo.com>
This commit is contained in:
@@ -15,7 +15,6 @@
|
||||
.o_thread_composer {
|
||||
flex: 0 0 auto;
|
||||
display: flex;
|
||||
margin: 1px 0;
|
||||
border-top: none;
|
||||
background: theme-color('light');
|
||||
|
||||
@@ -69,11 +68,6 @@
|
||||
.o_composer_button_full_composer {
|
||||
@include o-position-absolute(auto, 0);
|
||||
}
|
||||
@include media-breakpoint-down(sm) {
|
||||
.o_composer_button_send {
|
||||
color: $o-brand-primary;
|
||||
}
|
||||
}
|
||||
|
||||
.o_mail_emoji_container {
|
||||
padding: 0 $o-mail-chatter-gap $o-mail-chatter-gap 0;
|
||||
@@ -120,6 +114,12 @@
|
||||
.o_mail_emoji_container {
|
||||
margin: 0 -$o-mail-chatter-gap;
|
||||
}
|
||||
|
||||
@include media-breakpoint-down(sm) {
|
||||
.o_composer_button_send {
|
||||
color: $o-brand-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.o_composer, .o_composer_subject {
|
||||
@@ -243,7 +243,7 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
.o_composer_button_send, .o_chatter_avatar {
|
||||
.o_composer_send .o_composer_button_send, .o_chatter_avatar {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -19,7 +19,7 @@
|
||||
<div class="o_chatter_composer_tools">
|
||||
<button tabindex="4" class="btn btn-secondary fa fa-smile-o o_composer_button_emoji" type="button" data-toggle="popover" title="Emojis" aria-label="Emojis"/>
|
||||
<button tabindex="5" class="btn btn-secondary fa fa-paperclip o_composer_button_add_attachment" type="button" aria-label="Add attachment" title="Add attachment"/>
|
||||
<button t-if="widget.options.isMobile" tabindex="3" class="btn btn-secondary fa fa-paper-plane-o o_composer_button_send" type="button" title="Send" aria-label="Send"/>
|
||||
<button t-if="widget.options.isMobile" tabindex="3" t-attf-class="btn #{widget.isMini ? 'btn-primary' : 'btn-secondary'} fa fa-paper-plane-o o_composer_button_send" type="button" title="Send" aria-label="Send"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user