Opened 4 years ago

Closed 4 years ago

Last modified 4 years ago

#18755 closed Bug (fixed)

admin site overlapping

Reported by: Stefano Probst Owned by: Dan Loewenherz
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

Description

Hi!
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 Stefano Probst 4 years ago.
admin-overlapping-label-screenshot.png (19.1 KB) - added by Tim Anderegg 4 years ago.
Example of fix in action

Download all attachments as: .zip

Change History (10)

Changed 4 years ago by Stefano Probst

Attachment: Auswahl_021.png added

comment:1 Changed 4 years ago by Stefano Probst

UI/UX: set

comment:2 Changed 4 years ago by Türker Sezer

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

comment:3 Changed 4 years ago by Stefano Probst

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: UnreviewedAccepted

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 Dan Loewenherz

Has patch: set
Owner: changed from nobody to Dan Loewenherz
Status: newassigned

As Tim mentioned, this was a pretty straightforward fix. PR located @ https://github.com/django/django/pull/334

Changed 4 years ago by Tim Anderegg

Example of fix in action

comment:6 Changed 4 years ago by Tim Anderegg

Triage Stage: AcceptedReady for checkin

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

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

Resolution: fixed
Status: assignedclosed

In 7055e20d24638d646457686177be9a60362f1129:

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

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

comment:8 Changed 4 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