[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>

1 files changed, 7 insertions, 7 deletions

diff --git a/addons/mail/static/src/scss/composer.scss b/addons/mail/static/src/scss/composer.scss
index 9dbdf8fde89..e7f7eb98d3b 100644
--- a/addons/mail/static/src/scss/composer.scss
+++ b/addons/mail/static/src/scss/composer.scss
@@ -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;
         }
     }