#12260 closed (fixed)
bug -- CSS class messes up ModelMultipleChoiceField in contrib.admin
| Reported by: | Tim Valenta | Owned by: | Tim Valenta | 
|---|---|---|---|
| Component: | contrib.admin | Version: | dev | 
| Severity: | Keywords: | css, admin, ModelMultipleChoiceField | |
| Cc: | Triage Stage: | Ready for checkin | |
| Has patch: | yes | Needs documentation: | no | 
| Needs tests: | no | Patch needs improvement: | no | 
| Easy pickings: | no | UI/UX: | no | 
Description
The admin CSS file at trunk/django/contrib/admin/media/css/forms.css has a rule definition for any HTML label element under an .aligned class element.
This really messes up the ModelMultipleChoiceField on admin pages, because the checkboxes use label elements too.  The result is a goofy 'step' effect, with a big waterfall of checkboxes leading across the page.
This patch puts adds an extra CSS 2.0-compliant rule which 'undoes' the effect on labels which are nested in a ul tag.
Simple addition:
.aligned ul label {
    float: none;
    width: auto;
}
      Attachments (2)
Change History (8)
by , 16 years ago
| Attachment: | admin-forms.css.diff added | 
|---|
comment:1 by , 16 years ago
| Owner: | changed from to | 
|---|---|
| Status: | new → assigned | 
comment:2 by , 16 years ago
| Summary: | CSS class messes up ModelMultipleChoiceField in contrib.admin → bug -- CSS class messes up ModelMultipleChoiceField in contrib.admin | 
|---|---|
| Triage Stage: | Unreviewed → Accepted | 
Issue is an honest 'bug', so I moved it into 'Accepted' right away.
comment:3 by , 16 years ago
| Triage Stage: | Accepted → Ready for checkin | 
|---|
comment:4 by , 16 years ago
| Resolution: | → fixed | 
|---|---|
| Status: | assigned → closed | 
Adds a CSS rule to forms.css in the admin media files. (fixed indentation inconsistency)