[IMP] website view modile: sweeter

bzr revid: chm@openerp.com-20131112180007-d9qqxcrrguo3y8ts
2013-11-12 19:00:07 +01:00
parent d96222ac4f
commit 465aaf6bbc
2 changed files with 11 additions and 3 deletions
@@ -1,3 +1,4 @@
+@charset "utf-8";
 /* ---- CKEditor Minimal Reset ---- */
 .navbar.navbar-inverse .cke_chrome {
  border: none;
@@ -61,9 +61,16 @@
                        <h3 class="modal-title">Mobile preview</h3>
                    </div>
                    <div class="modal-body">
-                        <div>
-                            <iframe id="mobile-viewport" class="oe_mobile_viewport" src="?mobile-preview=true"></iframe>
-                        </div>
+                        <iframe id="mobile-viewport" class="oe_mobile_viewport" src="?mobile-preview=true"></iframe>
+                        <script>
+                            var $o = $('<div style="width:50px; overflow:scroll;"><div style="width:100%;"></div></div>');
+                            $o.appendTo("body");
+                            var scrollSize = 50 - $o.find("div").innerWidth();
+                            $o.remove();
+
+                            $(".modal-body").css({'overflow': 'hidden', 'margin-right': '5px'});
+                            $(".oe_mobile_viewport").css({'width': (320 + scrollSize + 5) + 'px'});
+                        </script>
                    </div>
                </div>
            </div>