Make WordPress Core

Opened 9 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 9 years ago.
Screen Shot 2014-09-04 at 10.36.38 am.png (55.8 KB) - added by pento 9 years ago.
29495.diff (1.1 KB) - added by kvignos 9 years ago.

Download all attachments as: .zip

Change History (15)

#1 @nacin
9 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
9 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 9 years ago by azaozz (previous) (diff)

#3 @helen
9 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.

9 years ago

#5 @helen
9 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
9 years ago

#29907 was marked as a duplicate.

#7 @obenland
9 years ago

  • Keywords flow added

#8 @obenland
9 years ago

  • Keywords make-flow added; flow removed

#9 @obenland
9 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.