From 00b7c85b4fe6f20ebc2b5db9cc0ea23c5a4e44c3 Mon Sep 17 00:00:00 2001 From: Mat Marquis Date: Tue, 3 Jan 2012 18:14:42 -0500 Subject: [PATCH] Applied top margin to dialog headers rather than .ui-dialog, as the latter was breaking content-only dialogs meant to align with the top of the viewport. --- css/structure/jquery.mobile.dialog.css | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/css/structure/jquery.mobile.dialog.css b/css/structure/jquery.mobile.dialog.css index 0b05a187..8f27f44e 100644 --- a/css/structure/jquery.mobile.dialog.css +++ b/css/structure/jquery.mobile.dialog.css @@ -1,5 +1,8 @@ -.ui-dialog { width: 80%; max-width: 500px; margin: 10% auto 15px auto; } +.ui-dialog { width: 92.5%; max-width: 500px; margin: 10% auto 15px auto; padding: 0; } +.ui-dialog .ui-header { + margin-top: 15%; +} .ui-dialog .ui-header, .ui-dialog .ui-content, .ui-dialog .ui-footer { @@ -15,7 +18,6 @@ .ui-dialog .ui-content { padding: 15px; } -.ui-dialog .ui-content, -.ui-dialog .ui-footer { +.ui-dialog { margin-top: -15px; }