search

jtsage / jtsage-datebox

A multi-mode date and time picker for Bootstrap (3&4), jQueryMobile, Foundation, Bulma, FomanticUI, and UIKit (or others)
http://datebox.jtsage.dev/
Other
474 stars 166 forks source link

Input transparency and header radius styling updates for JQM 1.3.0 - Fixes for issue #251 #252

Closed joelbbagley closed 11 years ago

joelbbagley commented 11 years ago

This is a proposed fix for issue #251 to correct styling issues with jQuery Mobile 1.3.0.

Contains the following changes: 1) Added background-color: transparent; to .ui-input-datebox to prevent the input field container background from being visible. 2) Specified border radius values on the dialog header so that it matches the dialog border radius.

Please note that I didn't actually adjust the width of the input to match the outer container. I considered adjusting the width but the transparent background seemed to work well without that adjustment on both small and large screens.

jtsage commented 11 years ago

Aye - good call on leaving the "internal" input alone - I can get it pixel-perfect for one browser, but not all - so, the shorter version was the compromise. Thanks for this.