Search and Top Navigation
#5747 closed bug (worksforme)
Opened June 21, 2010 02:55AM UTC
Closed October 27, 2010 09:16PM UTC
Last modified October 11, 2012 09:15PM UTC
Radio button height not uniform when some labels have subscript
Reported by: | rookwood | Owned by: | |
---|---|---|---|
Priority: | minor | Milestone: | |
Component: | ui.button | Version: | 1.8.2 |
Keywords: | height style css radio buttonset subscript | Cc: | |
Blocked by: | Blocking: |
Description
When some (but not all) of the labels used for a radio buttonset have subscript (or superscript), the button heights become uneven. The bottom edge is pushed downward, presumably by the padding in the css.
<div id="test">
<label for="button1">Button1</label>
<input type="radio" id="button1" />
<label for="button2">My <sub>bottom</sub> edge is lower</label>
<input type="radio" id="button2" />
</div>
$('#test').buttonset();
You need to modify your CSS to adjust the line-height. We don't do this with our pre-built themes because that would cause buttons to be tall.