Opened 4 years ago
Last modified 4 years ago
#32999 closed Uncategorized
Admin Tabular Stacked Inline widget headings are not aligned headings — at Version 3
| Reported by: | Michael | Owned by: | nobody | 
|---|---|---|---|
| Component: | contrib.admin | Version: | 3.2 | 
| Severity: | Normal | Keywords: | tabularinline css style styling | 
| Cc: | Triage Stage: | Unreviewed | |
| Has patch: | no | Needs documentation: | no | 
| Needs tests: | no | Patch needs improvement: | no | 
| Easy pickings: | yes | UI/UX: | no | 
Description (last modified by )
https://code.djangoproject.com/attachment/ticket/32999/inline%20tabular.png
With the following model:
class ApplicantAdmin(admin.TabularInline):
    model = Application.applicant_set.through
@admin.register(Application)
class ApplicationAdmin(admin.ModelAdmin):
    exclude = ('applicant_set', )
    inlines = (ApplicantAdmin, )
The heading Delete? is on the left, however the delete button is on the right, making it confusing for some people.
Another issue is if the stacktabular has many fields:
Instead of the stacked tabular getting overflow x scroll, the whole page does:
https://code.djangoproject.com/attachment/ticket/32999/notaligned.png
Change History (6)
by , 4 years ago
| Attachment: | notaligned.png added | 
|---|
comment:1 by , 4 years ago
| Description: | modified (diff) | 
|---|
comment:2 by , 4 years ago
| Description: | modified (diff) | 
|---|
by , 4 years ago
| Attachment: | inline tabular.png added | 
|---|
comment:3 by , 4 years ago
| Description: | modified (diff) | 
|---|
by , 4 years ago
| Attachment: | Screenshot 2021-08-10 at 08.49.16.png added | 
|---|
Screenshot from admin showing Delete input and remove "extra" inline controls. 
If it is quite wide