CSS: default user login block should be left aligned
alienbrain - October 18, 2006 - 20:31
| Project: | Drupal |
| Version: | 4.7.3 |
| Component: | drupal.css |
| Category: | bug report |
| Priority: | normal |
| Assigned: | Unassigned |
| Status: | closed |
Description
Note: screenshots follow.
By default, due to misc/drupal.css, user login block contents are centered. IMHO That's not correct because it doesn't match with all other blocks, and personally I find it annoying and hurts my eyes visual-wise. (especially the [create new account] [request new password], when centered they look really annoying with bullets).
Any theme not overriding this bit is affected. So this includes bluemarine and bluebeach on Drupal.org. Attached a patch to left align the contents of that block, and screenshots before and after applying the patch follow in comments.
| Attachment | Size |
|---|---|
| user_login_block.patch.txt | 367 bytes |

#1
Screenshot of bluemarine currently without the patch
#2
Screenshot of bluemarine after applying the patch.
#3
+1 this has bugged me for awhile but not enough to fix it.
Targetted at 4.7 instead of just 5?
#4
Drupal 5.0 will have a new default theme. All proposed 5.0 themes already have their user login blocks aligned to left.
However, I think it makes sense to have it left-aligned by default in 5.0 too. I will prepare a patch against latest CVS now.
Oh, also, I remember that my motivation for this issue was to fix drupal.org, which is 4.7 ;-).
#5
Another patch for 4.7 that left-aligns only the list of items, so the form elements are still centered.
Screenshot follows.
#6
Screenshot of patch in #5 (http://drupal.org/files/issues/user_login_block.patch.2) which left aligns the items and leaves the form elements centered.
#7
any news about this?
#8
Putting back to 4.7.3 unless this is a confirmed issue in 7.x.
@ricabrantes What's with bringing issues from 4.7.x back from the dead and assigning them to 7.x?
#9
#10
I still noticed this problem in the latest Drupal 5 build and found that it was coming from the user module.
edit user.css in modules/user on line 19.
#user-login-form {text-align: center;
}
to
#user-login-form {text-align: left;
}