Radio's & checkbox baseline alignment [#491052]

With the default blueprint theme I'm having issues with the alignment of checkboxes and radio buttons. I know I can try to realign them in a custom theme using CSS, but I wanted to confirm they are set up correctly.

The misalignment seems to be compounded when an error is displayed, particularly in Firefox 3.0.11 (Mac).

See screenshots.

Comment	File	Size	Author
	Firefox-poll.png	13.45 KB	drew reece
	Safari-blocks.png	19.96 KB	drew reece

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

Comment #1

drew reece CreditAttribution: drew reece commented 26 August 2009 at 04:22

Anyone else seen this bug?

Comment #2

drew reece CreditAttribution: drew reece commented 26 August 2009 at 22:51

It happens for me with a new version of Drupal 6.13 and using the Blueprint 6.x-1.2 theme.
My subtheme is a also affected by the bug. The test site has no other modules active and was clean installed.

Comment #3

designerbrent CreditAttribution: designerbrent commented 16 October 2009 at 00:15

Status:

Active

» Fixed

The bug comes is actually in the Blueprint framework (I'm currently on 0.9.1) and can be found in sites/all/themes/blueprint/blueprint/blueprint/screen.css on line 87:

input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}

You could file a bug over at http://blueprintcss.lighthouseapp.com

Comment #4

drew reece CreditAttribution: drew reece commented 16 October 2009 at 14:38

designerbrent good point,
It was stupid of me to assume it was due to Drupal & not the Blueprint CSS code. It was because I can't recall having this bug with an earlier (non drupal) usage of blueprint css. My bad.

I posted a ticket at blueprintcss.lighthouseapp.com, and pointed it back here for reference.

Thanks

Comment #5

30 October 2009 at 14:40

Status:

Fixed

» Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.

Comment #6

designerbrent CreditAttribution: designerbrent commented 2 February 2010 at 19:30

Version:

6.x-1.2

» 6.x-1.6

I have just committed a temporary fix for this into the Drupal module. It will be available in the 1.x and the 1.6 versions.

Comment #7

drew reece CreditAttribution: drew reece commented 4 February 2010 at 03:58

That seems to have fixed it. There is still a minor alignment issue in Firefox, but it close enough. Maybe it will get rolled into the framework one day :)

Thank you designerbrent at least it now works in Drupal.