[wp-trac] [WordPress Trac] #27403: Improve UI for linking areas of Customizer preview to corresponding controls (desktop and mobile)

[WordPress Trac]

#27403: Improve UI for linking areas of Customizer preview to corresponding
controls (desktop and mobile)
-------------------------+--------------------------------------------
 Reporter:  westonruter  |       Owner:  sirbrillig
     Type:  enhancement  |      Status:  reopened
 Priority:  high         |   Milestone:  4.7
Component:  Customize    |     Version:  3.9
 Severity:  normal       |  Resolution:
 Keywords:  ux-feedback  |     Focuses:  ui, accessibility, javascript
-------------------------+--------------------------------------------

Comment (by folletto):

 > if the collapse button is what is used to toggle the edit shortcuts then
 this would mean the edit shortcuts could not be shown in mobile preview,
 since clicking preview in mobile is the same as collapsing the sidebar.
 The edit shortcuts are especially important to show in mobile preview
 since “shift-click to edit” is not possible on touch.

 I agree they are important. :)

 I checked the code, and it seems to me they are (correctly) two different
 buttons:

 * "Collapse" is `button.collapse-sidebar.button-secondary` in
 `#customizer-footer-actions`
 * "Preview" is `button.customize-controls-preview-toggle` in `#customize-
 header-actions`

 They are already separate. The change in "Collapse" function and meaning
 wouldn't have any impact on "Preview". Sure, we won't have a way to hide
 the buttons on mobile, but I think for this iteration it's something that
 we can manage.

 Unless of course I'm missing something or I misinterpreted your comment.
 :)

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