Hopiu/jquery-mobile
1
0
Fork 0
mirror of https://github.com/Hopiu/jquery-mobile.git synced 2026-03-17 06:20:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions
jquery-mobile/css/structure/jquery.mobile.forms.checkboxradio.css

10 lines
907 B
CSS
Raw Permalink Normal View History

added z-index rules to ensure label sits on top of input, regardless of source order.
2010-11-16 22:17:19 +00:00
.ui-checkbox, .ui-radio { position:relative; margin: .2em 0 .5em; z-index: 1; }
.ui-checkbox .ui-btn, .ui-radio .ui-btn { margin: 0; text-align: left; z-index: 2; }
Fixed #1419: Grouped radio buttons with long labels don't ellipsis
2011-05-13 17:53:49 +00:00
.ui-checkbox .ui-btn-inner, .ui-radio .ui-btn-inner { white-space: normal; }
Created a themes directory and moved all CSS and images there. Edited the PHP combiner and .htaccess logic to accommodate this change, as well as allowing manifest files to use a "../" when referencing files, which will be handy when adding themes that don't include structural files yet. Modified all HTML files to point to /themes/default for their theme.
2010-10-13 16:45:10 +00:00
.ui-checkbox .ui-btn-icon-left .ui-btn-inner,.ui-radio .ui-btn-icon-left .ui-btn-inner { padding-left: 45px; }
.ui-checkbox .ui-btn-icon-right .ui-btn-inner, .ui-radio .ui-btn-icon-right .ui-btn-inner { padding-right: 45px; }
Fixed #1419: Grouped radio buttons with long labels don't ellipsis
2011-05-13 17:53:49 +00:00
.ui-checkbox .ui-icon, .ui-radio .ui-icon { top: 1.1em; }
Created a themes directory and moved all CSS and images there. Edited the PHP combiner and .htaccess logic to accommodate this change, as well as allowing manifest files to use a "../" when referencing files, which will be handy when adding themes that don't include structural files yet. Modified all HTML files to point to /themes/default for their theme.
2010-10-13 16:45:10 +00:00
.ui-checkbox .ui-btn-icon-left .ui-icon, .ui-radio .ui-btn-icon-left .ui-icon {left: 15px; }
.ui-checkbox .ui-btn-icon-right .ui-icon, .ui-radio .ui-btn-icon-right .ui-icon {right: 15px; }
/* input, label positioning */
added z-index rules to ensure label sits on top of input, regardless of source order.
2010-11-16 22:17:19 +00:00
.ui-checkbox input,.ui-radio input { position:absolute; left:20px; top:50%; width: 10px; height: 10px; margin:-5px 0 0 0; outline: 0 !important; z-index: 1; }
Reference in a new issue Copy permalink