Permalink
Browse files

Dialog: Rewrote CSS (same styling, better construction). Also prevent…

…s additional margin-top, just when screen height is little.
  • Loading branch information...
1 parent d906940 commit 40d970b4eb6c0a3d2d3ffbfaf064489b7554dc6f @jaspermdegroot jaspermdegroot committed Jul 14, 2012
Showing with 9 additions and 12 deletions.
  1. +9 −12 css/structure/jquery.mobile.dialog.css
@@ -6,30 +6,27 @@
max-width: 500px;
margin: 10% auto 15px auto;
padding: 0;
-}
-.ui-dialog-contain > .ui-header {
- margin-top: 15%;
- border: none;
- overflow: hidden;
+ position: relative;
+ top: -15px;
}
.ui-dialog-contain > .ui-header,
.ui-dialog-contain > .ui-content,
.ui-dialog-contain > .ui-footer {
display: block;
position: relative;
width: auto;
+ margin: 0;
}
-.ui-dialog-contain > .ui-header,
-.ui-dialog-contain > .ui-footer {
+.ui-dialog-contain > .ui-header {
+ border: none;
+ overflow: hidden;
z-index: 10;
padding: 0;
}
-.ui-dialog-contain > .ui-footer {
- padding: 0 15px;
-}
.ui-dialog-contain > .ui-content {
padding: 15px;
}
-.ui-dialog {
- margin-top: -15px;
+.ui-dialog-contain > .ui-footer {
+ z-index: 10;
+ padding: 0 15px;
}

0 comments on commit 40d970b

Please sign in to comment.