Make WordPress Core

Opened 10 years ago

Closed 9 years ago

Last modified 9 years ago

#29495 closed defect (bug) (fixed)

Layout bugs in Media Library header on Mobile

Reported by: pento's profile pento Owned by: helen's profile helen
Milestone: 4.1 Priority: low
Severity: minor Version: 4.0
Component: Media Keywords: make-flow has-patch
Focuses: ui, administration Cc:


On mobile devices, I've noticed a couple of inconsistencies between the list view header and the grid view header.

List view:

  • On small screens (<330px, or iPhone 3GS size), the search box leaks outside of the header.

Grid view:

  • The dropdowns are much smaller than on the list view
  • The search box is much smaller than the list view.

See attached screenshots for examples.

Attachments (3)

Screen Shot 2014-09-04 at 10.36.06 am.png (32.9 KB) - added by pento 10 years ago.
Screen Shot 2014-09-04 at 10.36.38 am.png (55.8 KB) - added by pento 10 years ago.
29495.diff (1.1 KB) - added by kvignos 9 years ago.

Download all attachments as: .zip

Change History (15)

#1 @nacin
10 years ago

  • Milestone changed from Awaiting Review to 4.0.1
  • Priority changed from normal to low
  • Severity changed from normal to minor

#2 @azaozz
10 years ago


(this is for the media modal but should probably be the same for the Library too). Note that the Search field is "folded" behind an icon for screens <= 640px.

Last edited 10 years ago by azaozz (previous) (diff)

#3 @helen
10 years ago

  • Owner set to helen
  • Status changed from new to assigned

Will look.

This ticket was mentioned in IRC in #wordpress-dev by nacin2. View the logs.

10 years ago

#5 @helen
10 years ago

  • Milestone changed from 4.0.1 to 4.1

I don't think it's worth wp-admin.css churn in a point release for this. It's not beautiful but it's not broken, either. Moving to 4.1.

#6 @helen
10 years ago

#29907 was marked as a duplicate.

#7 @obenland
10 years ago

  • Keywords flow added

#8 @obenland
10 years ago

  • Keywords make-flow added; flow removed

#9 @obenland
10 years ago

Related: #29556.

9 years ago

#10 @kvignos
9 years ago

  • Keywords has-patch added

Agreed that the first diff in #29556 fixes the search input width in list view.

Attached diff 29495.diff fixes the search input width in grid view.

#11 @helen
9 years ago

  • Resolution set to fixed
  • Status changed from assigned to closed

In 30740:

Filter bar: Better field display on smaller screens.

props TacoVerdo, jesin.
fixes #29556 and #29495.

#12 @johnbillion
9 years ago

Little bit of breakage: #30658

Note: See TracTickets for help on using tickets.