[wp-trac] [WordPress Trac] #31195: Add a user-friendly way to preview site responsiveness in the Customizer

[WordPress Trac]

#31195: Add a user-friendly way to preview site responsiveness in the Customizer
-------------------------------------+-------------------------------------
 Reporter:  celloexpressions         |       Owner:  celloexpressions
     Type:  feature request          |      Status:  assigned
 Priority:  normal                   |   Milestone:  4.5
Component:  Customize                |     Version:
 Severity:  normal                   |  Resolution:
 Keywords:  has-screenshots needs-   |     Focuses:  ui, accessibility,
  patch                              |  administration
-------------------------------------+-------------------------------------

Comment (by folletto):

 > Let's not introduce a new feature with an inaccessible design.

 I'm fine with that. I'm just saying that it should be the '''same'''
 solution, otherwise it starts getting way to many different styles all
 over the place, which is not ideal for a whole set of other reasons (and
 for everyone, using accessibility or not).

 > if my color-inversion gray proposal is too much for the device preview
 buttons, does anyone have other solutions for the hover/focus style there?

 Note that it's not too much for keyboard active, it's too much for hover.
 ;)

 Different solutions could be:

 1. The active is full dark, the hover is shaded (this assumes that hover
 doesn't have to be accessible since the mouse is over it, and we have to
 make sure that it never gets full dark in mouse interactions)
 2. The active/hover one is shaded and the icon gets bigger.
 3. The active/hover one is shaded and gets the same bottom rectangle as
 the selected one.
 4. The active/hover one is shaded and gets a half height (2px) bottom bar
 5. The active/hover one is shaded and the icon animates up
 (transition/jump) a few pixels.

 I can make a mock of all these options (and other) later. ;)

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