[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:
     Type:  feature request   |      Status:  new
 Priority:  normal            |   Milestone:  Future Release
Component:  Customize         |     Version:
 Severity:  normal            |  Resolution:
 Keywords:  has-patch         |     Focuses:  ui, administration
------------------------------+---------------------------------

Comment (by celloexpressions):

 @folletto's design is now implemented in the
 [https://wordpress.org/plugins/customizer-ui-experiments Customizer UI
 Experiments] plugin for ease of testing and iterations. If anyone wants
 commit access there, let me know and I'll add you.

 We need to figure out what to do in terms of the colors of the buttons, as
 we can't go too light on the disabled state while meeting
 accessibility/color contrast guidelines. For now I kept the collapse
 button as a separate arrow, since that was just redone in core to be more
 accessible. @designsimply has mentioned in the past that the "collapsed"
 text tends to do very well in user testing, although I would like to
 simplify to just an icon if we can find the right icon. The design of that
 could use tweaking to better match the device-preview buttons. I'm also
 not sure about the background color - it's a bit strong even at the
 darkest WordPress gray, and clashes badly with dark themes. We won't be
 able to make it look good with every theme here, so we need to decide
 whether it makes more sense to go dark, light, or in the middle depending
 on how we want to contextualize the preview. I'm currently leaning toward
 trying the admin bar background (the tinted version of `#222`).

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