Make WordPress Core

Opened 2 years ago

Last modified 4 hours 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 2 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 4 hours ago.

Download all attachments as: .zip

Change History (9)

@sumitsingh
2 years ago

UI issue for related search text on post listing page.

#1 @sumitsingh
2 years ago

  • Keywords has-screenshots added

#2 @sabernhardt
2 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
12 months ago

#58482 was marked as a duplicate.

#4 @sabernhardt
7 months ago

#59793 was marked as a duplicate.

#5 @sabernhardt
7 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 7 months ago by sabernhardt (previous) (diff)

This ticket was mentioned in PR #6813 on WordPress/wordpress-develop by @m1r0.


5 hours ago
#6

  • Keywords has-patch added; needs-patch removed

#7 @m1r0
4 hours 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.