jquery/jquery-mobile — Issue #2763: Padding/styling issue with dialogs on 1.0 RC2
Author: begmandev
Created: 2011-10-20 13:39:51+00:00
State: open

The padding/styling used for dialogs on 1.0 RC2 is different from previous releases which results in some challenges styling the dialog content.

1) When I add a div to either the header or the page content to act as a horizontal rule for visual color/styling purposes the div has additional left/right padding that prevents it from extending across the entire dialog. In RC1 and previous versions this div would extend across the entire header, so I could have a nice visual bar (I'm doing this to try to apply some additional styling consistent with our enterprise theme standards) separating the header from the dialog content.

2) The layout of the dialog content contain seems strange in relation to the dialog header. Previously in RC1 and earlier versions, the text/content would be nicely spaced below the header without any additional markup. Now it seems I have to surround my content in another container such as a paragraph or div in order to obtain reasonable spacing below the header. Without adding that additional container the text/content of the dialog gets pushed all the way up to the bottom of the header.

Here is a jsbin that exhibits the styling issues: http://jsbin.com/opefav