Opened 2 years ago

Last modified 2 years ago

#34095 closed Bug

Form controls in admin should use heights in relative units — at Version 1

Reported by: Thibaud Colas Owned by: nobody
Component: contrib.admin Version: 4.1
Severity: Normal Keywords: accessibility
Cc: Triage Stage: Ready for checkin
Has patch: yes Needs documentation: no
Needs tests: no Patch needs improvement: no
Easy pickings: yes UI/UX: yes

Description (last modified by Thibaud Colas)

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).

Change History (2)

by Thibaud Colas, 2 years ago

Attachment: Screenshot 2022-10-13 at 17.58.12.png​ added

comment:1 by Thibaud Colas, 2 years ago

Description: modified (diff)
Note: See TracTickets for help on using tickets.
Back to Top