#26066: Admin handles a table of models being wider than the screen badly
-------------------------------+------------------------------------
Reporter: chozabu | Owner: nobody
Type: Bug | Status: new
Component: contrib.admin | Version: 1.9
Severity: Normal | Keywords: admin css style layout
Triage Stage: Unreviewed | Has patch: 1
Easy pickings: 1 | UI/UX: 1
-------------------------------+------------------------------------
The main problem is either long bits of text OR large numbers of columns
causing the table to become wider than the screen.
With the current overflow settings, this means an admin has to scroll to
the bottom of the page to find the slider - which is boarding on unusable
My current solution is to duplicate "changelists.css" into my own project,
and alter this part:
{{{
#changelist-form .results {
/*overflow-x: auto;*/
}
}}}
Simply removing the overflow method means the page is wider than the
screen, and an admin can now easily scroll left and right.
This is not a very clean solution but *vastly* preferable to current
situation!
Making the problem worse, is even a column of single digit numbers can be
very wide if the column header is a few words long. My solution to this is
as follows:
{{{
#changelist table thead th {
padding: 0;
/*white-space: nowrap;*/
vertical-align: middle;
}
}}}
This allows the headings to wrap - saving loads of space in several
situations.
This seems to be an issue quite a few people were struggling with on
stackoverflow, and is my first bug report. (On that note, Django is
fantastic, this minor issue with default styling is my biggest complaint
after months!)
--
Ticket URL: <https://code.djangoproject.com/ticket/26066>
Django <https://code.djangoproject.com/>
The Web framework for perfectionists with deadlines.
--
You received this message because you are subscribed to the Google Groups
"Django updates" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
To view this discussion on the web visit
https://groups.google.com/d/msgid/django-updates/050.49bcd14014b9f40225fd19f6e9108b79%40djangoproject.com.
For more options, visit https://groups.google.com/d/optout.
