#34095: Form controls in admin should use heights in relative units
-------------------------------+--------------------------------------
Reporter: Thibaud Colas | Owner: nobody
Type: Bug | Status: new
Component: contrib.admin | Version: 4.1
Severity: Normal | Resolution:
Keywords: accessibility | Triage Stage: Unreviewed
Has patch: 0 | Needs documentation: 0
Needs tests: 0 | Patch needs improvement: 0
Easy pickings: 1 | UI/UX: 1
-------------------------------+--------------------------------------
Description changed by Thibaud Colas:
Old description:
> There are a lot of form controls in the admin that use hard-coded heights
> in pixels. This is problematic for users which change the font size, as
> the text then overflows / the UI looks broken.
>
> Here are three in particular that fit neatly in a screenshot:
>
> - The search field’s input height
> - The actions’ select
> - The "Go" button
>
> In all three cases, the fix is as simple as converting the height from
> pixels to rem (divide by 16).
New description:
There are a lot of form controls in the admin that use hard-coded heights
in pixels. This is problematic for users which change the font size, as
the text then overflows / the UI looks broken.
Here are three in particular that fit neatly in a screenshot:
https://code.djangoproject.com/raw-
attachment/ticket/34095/Screenshot%202022-10-13%20at%2017.58.12.png
- The search field’s input height
- The actions’ select
- The "Go" button
In all three cases, the fix is as simple as converting the height from
pixels to rem (divide by 16).
--
--
Ticket URL: <https://code.djangoproject.com/ticket/34095#comment:1>
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 django-updates+unsubscr...@googlegroups.com.
To view this discussion on the web visit
https://groups.google.com/d/msgid/django-updates/01070183d26e7156-4ca0fa37-8658-490a-9c4a-3a4b51f1c9ce-000000%40eu-central-1.amazonses.com.
