Download & Extend

Radio's & checkbox baseline alignment

Project:Blueprint
Version:6.x-1.6
Component:User interface
Category:bug report
Priority:normal
Assigned:Unassigned
Status:closed (fixed)

Issue Summary

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.

AttachmentSize
Safari-blocks.png19.96 KB
Firefox-poll.png13.45 KB

Comments

#1

Anyone else seen this bug?

#2

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.

#3

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

#4

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

#5

Status:fixed» closed (fixed)

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

#6

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.

#7

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.

nobody click here