diff options
| author | xO-Tx <mou@odoo.com> | 2020-05-06 11:54:37 +0000 |
|---|---|---|
| committer | xO-Tx <mou@odoo.com> | 2020-05-29 14:11:18 +0000 |
| commit | 569d35bc2dd3f2071c084e81331af0afad981202 (patch) | |
| tree | d8f16c84b90fd2ddb85ae87f2c60d1280d335d25 /addons/mail/static/src/xml | |
| parent | 3f84da3a8ba83ebf633981eb86ba033030e2d4c4 (diff) | |
[FIX] mail: fix emoji menu position/overflow issues (on mobile screen) and emojis display (for different OSes > browsers)
This commit attempts to fix the emoji widget position issue (only in enterprise versions) on mobile screen.
The emoji dropdown overflow & emojis font display issues (on mobile screen) are also fixed in this commit.
The following changes have been made :
1- Add css media-breakpoint to override widget position in small breakpoint and narrower.
2- Add position-relative + bottom css on widgets to avoid negative margins.
3- Set a max-width for the dropdown on mobile screen.
4- Add width/height on emoji icons to solve emojis position issue for some fonts (on different OSes > browsers).
This fix was made with the 'smallest possible changes' taking in consideration effects on :
- "text_emojis" widgets, since they use same class : "o_mail_emojis_dropdown".
- Emoji widget position in community (This fix won't break widget position in community version).
Task ID 2224393
closes odoo/odoo#52182
X-original-commit: 405e113e897b914eed41b34a66b5a7f740dcd336
Signed-off-by: Thibault Delavallee (tde) <tde@openerp.com>
Diffstat (limited to 'addons/mail/static/src/xml')
| -rw-r--r-- | addons/mail/static/src/xml/text_emojis.xml | 2 |
1 files changed, 1 insertions, 1 deletions
diff --git a/addons/mail/static/src/xml/text_emojis.xml b/addons/mail/static/src/xml/text_emojis.xml index 0343d86b7b7..56a74a54fd3 100644 --- a/addons/mail/static/src/xml/text_emojis.xml +++ b/addons/mail/static/src/xml/text_emojis.xml @@ -1,6 +1,6 @@ <?xml version="1.0" encoding="UTF-8"?> <templates xml:space="preserve"> - <div t-name="mail.EmojisDropdown" class="o_mail_emojis_dropdown o_mail_add_emoji dropdown"> + <div t-name="mail.EmojisDropdown" class="o_mail_emojis_dropdown o_mail_add_emoji dropdown position-relative"> <button class="btn btn-block dropdown-toggle px-3 py-1" type="button" data-toggle="dropdown" |