[wp-trac] [WordPress Trac] #33049: Media Library toolbar: spinner position on small screens

[WordPress Trac]

#33049: Media Library toolbar: spinner position on small screens
-------------------------+-----------------------------
 Reporter:  afercia      |      Owner:
     Type:  enhancement  |     Status:  new
 Priority:  normal       |  Milestone:  Awaiting Review
Component:  Media        |    Version:  4.2
 Severity:  normal       |   Keywords:
  Focuses:  ui           |
-------------------------+-----------------------------
 After [changeset:31996] the spinner position is now generally improved
 across the admin. There are still places where it can be further improved
 though, especially for small screens.

 Please see the screenshot below, on the left how the spinner is currently
 being displayed. Since it's hidden with `visibility: hidden` it does
 reserve space and thus there's a big space between form elements.

 Considering also translations, the form fields length is unpredictable,
 they could be displayed in three rows or four rows or just tow, depending
 on the viewport width and basically there's no easy CSS solution if we
 still want to display the spinner "inline".

 One possible solution could be the one on the right in the screenshot:
 under a certain viewport width, just give the spinner an absolute position
 in order to have it centered in a semi-transparent overlay. This would
 work regardless of the form fields length, number of lines, etc.

 I'm not a designer :) but I'd like to bring this to the UI/design team
 attention.


 [[Image(https://cldup.com/S-TkeXpowi.png)]]

--
Ticket URL: <https://core.trac.wordpress.org/ticket/33049>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform