WordPress.org

Make WordPress Core

Opened 6 weeks ago

Last modified 2 weeks ago

#52749 new defect (bug)

Wrap long lines on Posts screen (search results), Media Library, and Permalink Settings

Reported by: sumitsingh Owned by:
Milestone: 5.8 Priority: normal
Severity: normal Version:
Component: Administration Keywords: has-screenshots has-patch needs-testing
Focuses: ui, css, administration Cc:

Description

Hi,

i have find the UI issue on WordPress 5.7 running Twenty Nineteen theme. you can see mentioned screenshot.

Attachments (6)

Posts ‹ Produc.png (55.5 KB) - added by sumitsingh 6 weeks ago.
Issue
6522034-486b9fca4902930030d2ef0998b68eda.png (50.3 KB) - added by sumitsingh 6 weeks ago.
Issue on Media Library page list
Posts ‹ Produc (1).png (109.1 KB) - added by sumitsingh 6 weeks ago.
Desktop view also, So i think we need to add word-break css for this issue
Permalink Settin.png (177.1 KB) - added by sumitsingh 6 weeks ago.
Permalink Settings page if big folder name then issue related overflow word also.
Screenshot_2021-03-16 Media Library ‹ WordPress Develop — WordPress.png (59.4 KB) - added by justinahinon 5 weeks ago.
In the media library list mode on mobile, when the file title is too long, it doesn't wrap correctly.
52749.diff (1.1 KB) - added by sahilmepani 5 weeks ago.

Download all attachments as: .zip

Change History (21)

@sumitsingh
6 weeks ago

Issue

@sumitsingh
6 weeks ago

Issue on Media Library page list

@sumitsingh
6 weeks ago

Desktop view also, So i think we need to add word-break css for this issue

@sumitsingh
6 weeks ago

Permalink Settings page if big folder name then issue related overflow word also.

#1 @SergeyBiryukov
6 weeks ago

  • Component changed from General to Administration
  • Focuses ui css administration added
  • Summary changed from issue WordPress 5.7 running Twenty Nineteen theme with search post in post list admin side to Wrap long lines on Posts screen (search results), Media Library, and Permalink Settings

Hi there, thanks for the report!

Just linking to some related tickets here: #41559, #47329.

#2 @SergeyBiryukov
6 weeks ago

  • Keywords has-screenshots added

#3 @audrasjb
6 weeks ago

  • Keywords needs-patch added; needs-design removed

Replace needs-design with needs-patch as we can directly propose a CSS patch for those small text overflow edge cases, no need for specific design work here.

@justinahinon
5 weeks ago

In the media library list mode on mobile, when the file title is too long, it doesn't wrap correctly.

@sahilmepani
5 weeks ago

#4 @sahilmepani
5 weeks ago

  • Keywords needs-patch removed

#5 @sahilmepani
5 weeks ago

  • Keywords has-patch added

#6 @peterwilsoncc
5 weeks ago

  • Milestone changed from Awaiting Review to 5.7.1

Putting this on 5.7.1, it's a desirable fix but if adding the word wrapping rules in CSS proves too fragile it might need to slip to a later release.

#7 @sahilmepani
5 weeks ago

Sounds good, thanks @peterwilsoncc

This ticket was mentioned in Slack in #core by audrasjb. View the logs.


4 weeks ago

#9 @audrasjb
4 weeks ago

  • Keywords needs-testing added

Adding needs-testing keyword, to ensure the proposed patch doesn't introduce any side effect.

#10 @audrasjb
4 weeks ago

And it would be nice to check other list tables as well :)

This ticket was mentioned in Slack in #core by audrasjb. View the logs.


3 weeks ago

#12 @audrasjb
3 weeks ago

  • Version 5.7 deleted

Hello there,

Thanks for the patch. Let's move this one to the next major release (5.8) as it would be nice to give it some time for better beta testing, to make sure it doesn't introduce any side effect. Also, it's not clear the issue was introduced in 5.7.

Thanks

#13 @audrasjb
3 weeks ago

  • Milestone changed from 5.7.1 to 5.8

This ticket was mentioned in Slack in #core-css by ryelle. View the logs.


2 weeks ago

#15 @ryelle
2 weeks ago

@meetshevene has volunteered to test out the patch. Thanks!

Note: See TracTickets for help on using tickets.