From d1c731e88ccf5d5d8f8ec1a5fdd3227562a986e5 Mon Sep 17 00:00:00 2001 From: Viral Thakar Date: Fri, 10 Mar 2017 18:25:03 +0530 Subject: [PATCH] [IMP] pad: add mobile support for pad widget In mobile devices, the pad widget did not behave in a satisfactory manner. Also, once it was in fullscreen mode, it was not possible to come back to normal mode. Task: #31545 PR: #15817 --- addons/pad/static/src/css/etherpad.css | 10 ++++++++++ addons/pad/static/src/js/pad.js | 1 + 2 files changed, 11 insertions(+) diff --git a/addons/pad/static/src/css/etherpad.css b/addons/pad/static/src/css/etherpad.css index 1e2b0ea65e4..a0157bb3188 100644 --- a/addons/pad/static/src/css/etherpad.css +++ b/addons/pad/static/src/css/etherpad.css @@ -21,6 +21,16 @@ font-size: 14px; } +@media (max-width: 767px) { + .oe_pad_switch { + left: auto; + right: 5px; + } + html .o_scroll_hidden { + overflow: hidden; + } +} + .oe_pad_switch:hover{ background-image: -webkit-linear-gradient(top, #f4f4f4, #e4e4e4); } diff --git a/addons/pad/static/src/js/pad.js b/addons/pad/static/src/js/pad.js index 1d162bdbc87..ff02ac376cb 100644 --- a/addons/pad/static/src/js/pad.js +++ b/addons/pad/static/src/js/pad.js @@ -178,6 +178,7 @@ var FieldPad = AbstractField.extend({ _onToggleFullScreen: function () { this.$el.toggleClass('oe_pad_fullscreen mb0'); this.$('.oe_pad_switch').toggleClass('fa-expand fa-compress'); + this.$el.parents('.o_touch_device').toggleClass('o_scroll_hidden'); }, });