WordPress.org
Get WordPress

Make WordPress Core

Opened 3 years ago

Last modified 3 months ago

#54808 new defect (bug)

Posts search term does not wrap well on mobile

Reported by: sumitsingh's profile sumitsingh Owned by:
Milestone: Future Release Priority: normal
Severity: normal Version: 5.8.3
Component: Administration Keywords: has-screenshots has-patch
Focuses: ui, css, administration Cc:

Description

Hi,

I just tried to find blog usage on mobile device. Then some UI issue for related search text on post listing page.

More information see SS.

Attachments (2)

post-listing.jpeg​ (55.9 KB) - added by sumitsingh 3 years ago.
UI issue for related search text on post listing page.
Annotation on 2024-06-13 at 15-42-15.png​ (14.8 KB) - added by m1r0 3 months ago.

Download all attachments as: .zip

Change History (9)

@sumitsingh
3 years ago

UI issue for related search text on post listing page.

#1 @sumitsingh
3 years ago

  • Keywords has-screenshots added

#2 @sabernhardt
3 years ago

  • Component changed from Posts, Post Types to Administration
  • Focuses accessibility removed
  • Keywords needs-patch added
  • Milestone changed from Awaiting Review to Future Release
  • Summary changed from UI issue on post listing page to Posts search term does not wrap well on mobile

I changed the component because this can happen on any screen with search (though Posts and Pages should be most common for long search terms).

Perhaps the subtitle element should have its own line on narrower screens.

.subtitle {
	padding-left: 0;
	display: block;
	line-height: 1.5;
}

#3 @sabernhardt
15 months ago

#58482 was marked as a duplicate.

#4 @sabernhardt
11 months ago

#59793 was marked as a duplicate.

#5 @sabernhardt
11 months ago

Updated screenshot (from #59793):

search term starts to the right of Add New Posts button and wraps below Posts heading

Suggested change (by @sumitsingh):

search term starts below the Posts heading

Last edited 11 months ago by sabernhardt (previous) (diff)

This ticket was mentioned in ​PR #6813 on ​WordPress/wordpress-develop by ​@m1r0.
3 months ago #6

  • Keywords has-patch added; needs-patch removed

Trac ticket: https://core.trac.wordpress.org/ticket/54808

@m1r0
3 months ago

#7 @m1r0
3 months ago

I've created a quick ​PR for the fix @sabernhardt proposed. Let me know what you think. 🙂

Note: See TracTickets for help on using tickets.