From b2a534c217a4fa18918002a43db17bbdcd0a2a42 Mon Sep 17 00:00:00 2001 From: eddiemonge Date: Thu, 26 May 2011 16:43:07 -0700 Subject: [PATCH] fix height issue for transitioning page --- themes/default/jquery.mobile.core.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/themes/default/jquery.mobile.core.css b/themes/default/jquery.mobile.core.css index 16b74f1f..982b18dc 100644 --- a/themes/default/jquery.mobile.core.css +++ b/themes/default/jquery.mobile.core.css @@ -14,14 +14,14 @@ .ui-mobile-viewport { margin: 0; overflow-x: hidden; -webkit-text-size-adjust: none; -ms-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* "page" containers - full-screen views, one should always be in view post-pageload */ -.ui-mobile [data-role=page], .ui-mobile [data-role=dialog], .ui-page { top: 0; left: 0; width: 100%; min-height: 100%; position: absolute; display: none; border: 0; } +.ui-mobile [data-role=page], .ui-mobile [data-role=dialog], .ui-page { top: 0; left: 0; width: 100%; min-height: 100%; height: auto !important; height: 100%; position: absolute; display: none; border: 0; } .ui-mobile .ui-page-active { display: block; overflow: visible; } /*orientations from js are available */ .portrait, -.portrait .ui-page { min-height: 100%; } +.portrait .ui-page, .landscape, -.landscape .ui-page { min-height: 100%; } +.landscape .ui-page { min-height: 100%; height: auto !important; height: 100%; } /* loading screen */ .ui-loading .ui-mobile-viewport { overflow: hidden !important; }