DateBox styling issues with jQuery Mobile 1.3.0 #251

Closed
begmandev opened this Issue Feb 28, 2013 · 1 comment

Comments

Projects
None yet
2 participants
@begmandev
Contributor

begmandev commented Feb 28, 2013

There are a few minor issues with the styling of the input fields with jQuery Mobile 1.3.0.

  1. The actual input field is smaller than the datebox display when using the old mode style definitions which causes the left and right edges of the input fields to actually be visible to the user. It's noticeable because the background color of the input field is slightly different than the content behind it. See the following screenshot for an example:

jqm-1 3-calbox-datebox-screenshot

Interestingly, I didn't seem to this problem with the "new style" datebox fields, only those that use the old mode styles.

  1. The top right and left corners of the calendar dialog don't appear to match the border radius of the dialog which causes a visible gap on both top corners of the dialog. Not really a functional issue but it does look a little odd. This appears to be an issue with both the old and new modes. See the following screenshot for an example:

jqm-1 3-datebox-popup-corner-styles

The images attached above are from an example page at http://jsbin.com/ucilol, however these same issues also appear on the http://dev.jtsage.com/jQM-DateBox/demos/mode/calbox.html Mode demos page as well.

@jtsage

This comment has been minimized.

Show comment Hide comment
@jtsage

jtsage Feb 28, 2013

Owner

Thanks for this - I actually was aware of both, but I wanted to make sure of what jQM was going to do (1.3.0-FINAL) before I fixed it. Now, of course, I missed the 1.3.0 announcment due to not paying enough attention - but, now that I realize, I will make sure to get this fixed. It just a little CSS tweak - I just need to not break backwards compatibility too bad.

Owner

jtsage commented Feb 28, 2013

Thanks for this - I actually was aware of both, but I wanted to make sure of what jQM was going to do (1.3.0-FINAL) before I fixed it. Now, of course, I missed the 1.3.0 announcment due to not paying enough attention - but, now that I realize, I will make sure to get this fixed. It just a little CSS tweak - I just need to not break backwards compatibility too bad.

jtsage added a commit that referenced this issue Apr 3, 2013

Merge pull request #252 from begmandev/master
Input transparency and header radius styling updates for JQM 1.3.0 - Fixes for issue #251

@jtsage jtsage closed this Apr 3, 2013

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment