summaryrefslogtreecommitdiff
path: root/addons/mail/static/src/scss/composer.scss
diff options
context:
space:
mode:
authorPierre Paridans <app@odoo.com>2019-03-19 15:53:16 +0000
committerPierre Paridans <app@odoo.com>2019-04-08 12:31:16 +0000
commit75c219bfdfd6d8ff7cba84b349ead13b1956b7db (patch)
tree14a0c54f8d6f96f4e2cd6c1c53f06e20130bc966 /addons/mail/static/src/scss/composer.scss
parent7887dd872761d2541c4e1050246786febf45bc34 (diff)
[FIX] mail: chatter's button alignment and composer width on mobile
Buttons "Send message / Log note / Activity" are on two lines instead of one. In addition there is a 1px glitch on the attachment icon. Also long attachment name on tiny screens (i.e. iPhone 5) breaks the composer layout: horizontal scrollbar appears. The two-line buttons effect is related to a change (fix) in Bootstrap 4.2 which removes the white-space: nowrap on .btn. It was originally introduced in Odoo through https://github.com/odoo/odoo/pull/29949. Reference: Original Bootstrap PR https://github.com/twbs/bootstrap/pull/27010 Task ID: 1946573 closes odoo/odoo#31939 Signed-off-by: Adrien Dieudonné (adr) <adr@odoo.com>
Diffstat (limited to 'addons/mail/static/src/scss/composer.scss')
-rw-r--r--addons/mail/static/src/scss/composer.scss3
1 files changed, 3 insertions, 0 deletions
diff --git a/addons/mail/static/src/scss/composer.scss b/addons/mail/static/src/scss/composer.scss
index 1f2fffcee60..b265979065b 100644
--- a/addons/mail/static/src/scss/composer.scss
+++ b/addons/mail/static/src/scss/composer.scss
@@ -142,6 +142,9 @@
&:not(.o_chat_inline_composer) {
flex-flow: row wrap;
+ .o_composer_container {
+ max-width: 100%;
+ }
.o_composer_container, .o_composer_button_send {
flex: 1 0 100%;
}