2 files changed, 51 insertions, 0 deletions
diff --git a/addons/website/static/src/css/editor.css b/addons/website/static/src/css/editor.css
index d446d14f3bc..1ea42e3e445 100644
--- a/addons/website/static/src/css/editor.css
+++ b/addons/website/static/src/css/editor.css
@@ -1,3 +1,4 @@
+@charset "utf-8";
 .oe_hidden {
   display: none !important;
 }
@@ -144,3 +145,31 @@
 .oe_drop_zone.oe_hover:before {
   border-top: dashed 2px rgba(116, 255, 161, 0.72);
 }
+
+.oe_stop_scrolling {
+  height: 100%;
+  overflow: hidden;
+}
+
+#mobile-preview.modal {
+  height: 617px;
+  margin: auto;
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  max-width: 325px;
+  width: 325px;
+}
+
+#mobile-preview .modal-body {
+  max-height: 600px;
+  padding: 0;
+  margin: 0;
+}
+
+.oe_mobile_viewport {
+  width: 320px;
+  height: 568px;
+}
diff --git a/addons/website/static/src/css/editor.sass b/addons/website/static/src/css/editor.sass
index f7ce999257e..4b3a8e98a91 100644
--- a/addons/website/static/src/css/editor.sass
+++ b/addons/website/static/src/css/editor.sass
@@ -128,4 +128,26 @@
     &.oe_hover:before
         border-top: dashed 2px rgba(116, 255, 161, 0.72)
 
+.oe_stop_scrolling
+    height: 100%
+    overflow: hidden
+
+#mobile-preview.modal
+    height: 617px
+    margin: auto
+    position: absolute
+    top: 0
+    left: 0
+    bottom: 0
+    right: 0
+    max-width: 325px
+    width: 325px
+
+#mobile-preview .modal-body
+    max-height: 600px
+    padding: 0
+    margin: 0
 
+.oe_mobile_viewport
+    width: 320px
+    height: 568px
+\ No newline at end of file