From 946b9415cdfe562185d2f375141963c5e92090aa Mon Sep 17 00:00:00 2001 From: qsm-odoo Date: Tue, 19 Jul 2016 11:44:03 +0200 Subject: [FIX] website: correct mobile preview design * Remove double scrollbar which appeared on chrome * Remove strange whitespace on top of the preview due to the removal of the odoo navbar (the code was wrongly adapted) --- .../static/src/less/website.ui.components.less | 21 +++++++++++---------- 1 file changed, 11 insertions(+), 10 deletions(-) (limited to 'addons/website/static/src/less/website.ui.components.less') diff --git a/addons/website/static/src/less/website.ui.components.less b/addons/website/static/src/less/website.ui.components.less index 04ccb556a6b..09f536e6453 100644 --- a/addons/website/static/src/less/website.ui.components.less +++ b/addons/website/static/src/less/website.ui.components.less @@ -95,20 +95,21 @@ body .modal { @mobile-preview-width: 320px; @mobile-preview-height: 530px; - > iframe { - display: block; - width: @mobile-preview-width + 15; - height: @mobile-preview-height; - max-height: 100%; - border: none; - - .o-transition(all, 400ms); - } + .o-flex-display(); + width: @mobile-preview-width + 15; + height: @mobile-preview-height; + .o-transition(all, 400ms); - &.o_invert_orientation > iframe { + &.o_invert_orientation { width: @mobile-preview-height + 15; height: @mobile-preview-width; } + + > iframe { + display: block; + width: 100%; + border: none; + } } .modal-footer { -- cgit v1.2.3