diff options
| author | Aaron Bohy <aab@odoo.com> | 2016-01-12 11:27:58 +0100 |
|---|---|---|
| committer | Aaron Bohy <aab@odoo.com> | 2016-01-14 11:22:26 +0100 |
| commit | 8397abd87148c628edec4e7279f8a6dc6b8564b9 (patch) | |
| tree | 5c13f041b0565244d5709465db4bedbfd8151cab /addons/mail/static/src/less | |
| parent | 54396cfa41741b97225728a710900100f906aa75 (diff) | |
[IMP] mail: make chat windows somehow usable in mobile
Diffstat (limited to 'addons/mail/static/src/less')
| -rw-r--r-- | addons/mail/static/src/less/chat_window.less | 17 | ||||
| -rw-r--r-- | addons/mail/static/src/less/client_action.less | 13 |
2 files changed, 29 insertions, 1 deletions
diff --git a/addons/mail/static/src/less/chat_window.less b/addons/mail/static/src/less/chat_window.less index 51ff38fcef0..1d5d3f086f0 100644 --- a/addons/mail/static/src/less/chat_window.less +++ b/addons/mail/static/src/less/chat_window.less @@ -16,7 +16,11 @@ z-index: 2; @media (max-width: @screen-xs-max) { - display:none; + width: 100%; + height: 100%!important; + &.o_folded { + display: none; + } } .o_chat_header { @@ -26,6 +30,13 @@ background-color: @odoo-brand-primary; padding: 5px; + @media (max-width: @screen-xs-max) { + height: @navbar-height; + .o_chat_title, .o_chat_window_close { + font-size: 22px; + } + } + .o_chat_title { cursor: pointer; .o-flex(1, 1, auto); @@ -78,6 +89,10 @@ background-color: @odoo-brand-primary; cursor: pointer; + @media (max-width: @screen-xs-max) { + display: none; + } + .o_chat_window_dropdown_toggler { padding: 5px; diff --git a/addons/mail/static/src/less/client_action.less b/addons/mail/static/src/less/client_action.less index 647c3cf535e..96efc5f80b6 100644 --- a/addons/mail/static/src/less/client_action.less +++ b/addons/mail/static/src/less/client_action.less @@ -282,6 +282,15 @@ .o_mail_navbar_dropdown { width: 350px; padding: 0; + @media (max-width: @screen-xs-max) { + background-color: white!important; + max-height: none!important; + position: fixed!important; + top: @navbar-height; + right: 0; + bottom: 0; + left: 0; + } .o_spinner { .o-flex-display(); @@ -330,6 +339,10 @@ min-height: 50px; overflow-y: auto; + @media (max-width: @screen-xs-max) { + max-height: none; + } + .o_mail_channel_preview { .o-flex-display(); height: 50px; |