Opened 4 years ago

Closed 3 years ago

Last modified 3 years ago

#18755 closed Bug (fixed)

admin site overlapping

Reported by: senden9 Owned by: dloewenherz
Component: contrib.admin Version: 1.4
Severity: Normal Keywords:
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


I have a standard Django admin site. The description/label (a little bit longer) overlap the input widget.

Attachments (2)

Auswahl_021.png (62.1 KB) - added by senden9 4 years ago.
admin-overlapping-label-screenshot.png (19.1 KB) - added by tanderegg 4 years ago.
Example of fix in action

Download all attachments as: .zip

Change History (10)

Changed 4 years ago by senden9

comment:1 Changed 4 years ago by senden9

  • Needs documentation unset
  • Needs tests unset
  • Patch needs improvement unset
  • UI/UX set

comment:2 Changed 4 years ago by dirigeant

Adding 'word-wrap' to '.aligned label' class to split long words may solve this problem.

comment:3 Changed 4 years ago by senden9

Thanks. Was it just my problem or is it a bug?

comment:4 Changed 4 years ago by Tim Anderegg <timothy.anderegg@…>

  • Easy pickings set
  • Triage Stage changed from Unreviewed to Accepted

Seems to be a valid issue, with German words (and other languages) in particular that are longer than English words. Simple fix is to do as dirigeant said, add word-wrap: break-word; to the css file.

comment:5 Changed 4 years ago by dloewenherz

  • Has patch set
  • Owner changed from nobody to dloewenherz
  • Status changed from new to assigned

As Tim mentioned, this was a pretty straightforward fix. PR located @

Changed 4 years ago by tanderegg

Example of fix in action

comment:6 Changed 4 years ago by tanderegg

  • Triage Stage changed from Accepted to Ready for checkin

dloewenherz beat me too it, but here's an image of the fix working :)

comment:7 Changed 3 years ago by Dan Loewenherz <dloewenherz@…>

  • Resolution set to fixed
  • Status changed from assigned to closed

In 7055e20d24638d646457686177be9a60362f1129:

wrap long words in field labels on admin forms, closes #18755

Otherwise, words overlap into the fields themselves, which makes the labels

comment:8 Changed 3 years ago by Aymeric Augustin <aymeric.augustin@…>

In e0bd93ddd7b9fd8f8fe37e40814c0e00487332ba:

Merge pull request #334 from dlo/tickets/18755

Fixed #18755 -- Wrapped long admin forms fields labels.

Note: See TracTickets for help on using tickets.
Back to Top