[wp-trac] [WordPress Trac] #27423: Improve Media Modal UI at small-screen sizes

[WordPress Trac]

#27423: Improve Media Modal UI at small-screen sizes
--------------------------+-----------------------------
 Reporter:  gcorne        |       Owner:
     Type:  defect (bug)  |      Status:  new
 Priority:  normal        |   Milestone:  4.0
Component:  Media         |     Version:
 Severity:  normal        |  Resolution:
 Keywords:  has-patch     |     Focuses:  ui, javascript
--------------------------+-----------------------------

Comment (by celloexpressions):

 @avryl is currently working on a toggle button/method for showing the
 sidebar (the actual UI and animation are in place - just need to hook up
 with a class-toggler).

 Here's what still needs to be done from the lists above:
 - Menu-toggle/modal title: label needs to update when it changes, tapping
 currently-active mode should close menu.
 - Improved selection/deselection. I think that if we keep the multi-
 select-by-default-with-touch behavior, tapping any selected image anywhere
 should deselect it. Just note that having different behavior with mouse
 vs. touch can be super awkward, especially on devices with both (ie touch
 screen laptops, lots of win8 devices, etc).
 - Add-new/upload tile that also lists the max upload size, triggering the
 browser's upload behavhior, replacing the upload tab. Also consider doing
 this for desktop users.
 - ''Ability to access the details/options sidebar somehow.'' @avryl is
 working on this
 - ''When pressing edit under "n selected", the only option should be to be
 able to clear some items from the collection - which is currently done
 through an X icon displayed on hover. Always show that icon, and center it
 here.'' (I have the CSS for this already - will merge into the next patch)

 Here's what the current patch breaks and we need to fix (not
 comprehensive):
 - Media library grid - most likely related to the numbers of columns
 stuff, ''should'' be an easy fix.
 - No menu-toggle when there's no menu (featured image metabox, for
 example).
 - Media grid still needs a lot of mobile/responsive help, and the fixes in
 the modal create a couple new issues there.

--
Ticket URL: <https://core.trac.wordpress.org/ticket/27423#comment:37>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform