[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-patch has-           |     Focuses:  ui, accessibility,
  screenshots                        |  administration
-------------------------------------+-------------------------------------
Changes (by celloexpressions):

 * keywords:  needs-patch => has-patch has-screenshots


Comment:

 [attachment:31195.2.diff] brings this back into patch form with the
 accessibility improvements suggested above and the finalized design. I
 started adding the way for developers to hook into changes but it's not
 quite working yet. In terms of UI and accessibility though, it's pretty
 polished.

 One issue I'll note is that when navigating to different pages with the
 mobile preview, the reloaded/new page briefly shows up under the active
 preview when it loads. Transactions will be changing the behavior there
 anyway, so I think it's fine to leave for now.

 @afercia I tried adding `<h3 class="screen-reader-text"><?php _e( 'Device
 Previews' ); ?></h3>` right inside the devices div, but it caused the
 expand/collapse animation to break and I'm also not sure whether it's
 better or not. The rest of the general customizer buttons (help, save,
 close, collapse, etc.) don't have headings, so it seems like it may be
 confusing to only have them for this one section (although these three
 buttons are more directly related than any of the others).

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