Fixes #2729 — Sets a max-width of ~600px on dialogs (inc. full-screen…

… selects), changes disalog width to percentage-based value.
jquery-archive · Oct 18, 2011 · 9fbadb0 · 9fbadb0
1 parent 2580f88
commit 9fbadb0
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/css/structure/jquery.mobile.dialog.css b/css/structure/jquery.mobile.dialog.css
@@ -4,6 +4,7 @@
 * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
 */
 .ui-dialog { min-height: 480px; }
-.ui-dialog .ui-header, .ui-dialog .ui-content,  .ui-dialog .ui-footer { margin: 15px; position: relative; }
-.ui-dialog .ui-header, .ui-dialog .ui-footer { z-index: 10; width: auto; }
+.ui-dialog .ui-header, .ui-dialog .ui-content,  .ui-dialog .ui-footer { max-width: 500px; margin: 15px auto; padding: 15px; width: 85%; position: relative; }
+.ui-dialog .ui-header { padding: 0 15px; }
+.ui-dialog .ui-header, .ui-dialog .ui-footer { z-index: 10; }
 .ui-dialog .ui-content, .ui-dialog .ui-footer { margin-top: -15px;  }