#32091: Admin search input on small widths is too small with selected list
filter
---------------------------------------------+------------------------
Reporter: Timothy Schilling | Owner: nobody
Type: Uncategorized | Status: new
Component: Uncategorized | Version: 3.1
Severity: Normal | Keywords:
Triage Stage: Unreviewed | Has patch: 0
Needs documentation: 0 | Needs tests: 0
Patch needs improvement: 0 | Easy pickings: 0
UI/UX: 0 |
---------------------------------------------+------------------------
The search input shrinks down to an unusable level when the window's width
is too small. This only occurs when there's a selected list filter causing
the `10 results (100 total)` span to appear. This should be reproducible
from the admin where there's a search field and a list filter selected.
Simply make the window skinny.
I've only tested this on FF on Ubuntu, but my colleague reported it with
Chrome.
I've confirmed a fix in `contrib/admin/css/responsive.css` by changing the
following style:
{{{
#changelist-search .quiet {
width: 100%;
margin: 5px 0 0 25px;
}
}}}
to
{{{
#changelist-search .quiet {
flex: 1 0 auto;
width: 0;
margin: 5px 0 0 25px;
}
}}}
This matches the #searchbar style above it.
You can see the problem in my screenshots. The immediate resolution for
users is to make the window slightly larger.
I will be creating a PR for this shortly.
--
Ticket URL: <https://code.djangoproject.com/ticket/32091>
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 view this discussion on the web visit
https://groups.google.com/d/msgid/django-updates/054.b1f94b68121e8051a098ca1ff78e541a%40djangoproject.com.
