Code

Opened 2 years ago

Closed 17 months ago

Last modified 17 months 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

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 senden9 2 years ago.
admin-overlapping-label-screenshot.png (19.1 KB) - added by tanderegg 22 months ago.
Example of fix in action

Download all attachments as: .zip

Change History (10)

Changed 2 years ago by senden9

comment:1 Changed 2 years ago by senden9

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

comment:2 Changed 2 years ago by dirigeant

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

comment:3 Changed 2 years ago by senden9

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

comment:4 Changed 22 months 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 22 months 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 @ https://github.com/django/django/pull/334

Changed 22 months ago by tanderegg

Example of fix in action

comment:6 Changed 22 months 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 17 months 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
unreadable.

comment:8 Changed 17 months ago by Aymeric Augustin <aymeric.augustin@…>

In e0bd93ddd7b9fd8f8fe37e40814c0e00487332ba:

Merge pull request #334 from dlo/tickets/18755

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

Add Comment

Modify Ticket

Change Properties
<Author field>
Action
as closed
as The resolution will be set. Next status will be 'closed'
The resolution will be deleted. Next status will be 'new'
Author


E-mail address and user name can be saved in the Preferences.

 
Note: See TracTickets for help on using tickets.