WordPress.org

Make WordPress Core

Opened 6 years ago

Closed 6 years ago

Last modified 6 years ago

#29495 closed defect (bug) (fixed)

Layout bugs in Media Library header on Mobile

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

Description

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

Download all attachments as: .zip

Change History (15)

#1 @nacin
6 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
6 years ago

Ref: https://core.trac.wordpress.org/attachment/ticket/27423/media-library-mobile.png

https://core.trac.wordpress.org/raw-attachment/ticket/27423/media-library-mobile.png

(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 6 years ago by azaozz (previous) (diff)

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


6 years ago

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

#29907 was marked as a duplicate.

#7 @obenland
6 years ago

  • Keywords flow added

#8 @obenland
6 years ago

  • Keywords make-flow added; flow removed

#9 @obenland
6 years ago

Related: #29556.

@kvignos
6 years ago

#10 @kvignos
6 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
6 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
6 years ago

Little bit of breakage: #30658

Note: See TracTickets for help on using tickets.