#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 [email protected].
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.
