[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:  sirbrilling
     Type:  enhancement  |      Status:  assigned
 Priority:  normal       |   Milestone:  4.7
Component:  Customize    |     Version:  3.9
 Severity:  normal       |  Resolution:
 Keywords:  needs-patch  |     Focuses:  ui, accessibility, javascript
-------------------------+--------------------------------------------

Comment (by westonruter):

 One approach is in [attachment:27403.9.diff]. (See [https://github.com/xwp
 /wordpress-
 develop/pull/179/commits/a0c1cd0d4bba9d946e7315e77bd2414f8c856101
 changes].) This is the first time I've used CSS animations, so there's
 probably a better way to toggle them. Also, should they get a `wp-
 customize-preview` prefix?

 Replying to [comment:74 sirbrillig]:
 > Back to hiding/showing icons: there was a suggestion to toggle the icons
 when there is a click on the body of the page (defaulting to hidden,
 IIRC). I'm not really sure how to do this. The actual toggle is easy
 enough, but I'm not sure how to handle click events on the page body in
 such a way as to perform the toggling iff the click is not on a button,
 link, input element, or other page element with a click handler.
 Suggestions welcome.

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