[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 celloexpressions):

 There isn't a clean way to differentiate between hover and focus styles in
 CSS without making the focused element hidden from mouse interactions as
 far as I know. Ie, whenever one of these buttons is clicked, it will
 receive focus which would give it the blue background, and that would
 stick until the user clicks somewhere else. It's probably better to scale
 back the focus styling to match the hover styling rather than hacking in a
 way to prevent the buttons from receiving focus when clicked.

 Replying to [comment:61 ericlewis]:
 > Can we spin this into a feature plugin? The trac thread is getting long
 enough that parsing the state of the effort and what's left is non-
 trivial.
 It was in a plugin, but the UI is ending up with more changes after we
 moved back to patch form. Other than this UI issue, I need to implement
 some technical feedback from westonruter to facilitate developers hooking
 into preview size change actions, and then I'll post a revised patch.

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