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

Comment (by sirbrillig):

 I uploaded a fairly naive patch with a lot of rough edges that adds the
 CDM icons found in the WP.com plugin to core. It uses the selective
 refresh partials for its data so it will only work for theme elements that
 render partials.

 Here is a video of it in use on twentyfifteen:
 https://cloudup.com/cUy5oFSjuw9

 Things it needs (assuming this is a direction everyone wants to go):

 - Maybe move all the icon methods to their own file
 - Improve the detection of DOM changes in which to reposition icons
 - Improve the positioning of icons for certain elements to prevent
 overlapping those elements
 - Add (translated) hover text to the icons
 - Hide/show icons when sidebar is shown/hidden
 - Add bounce effect (or some other animation) to make it clear what a
 clicked icon did
 - Testing on themes with absolutely positioned elements
 - Testing on themes with hamburger menus
 - Testing to see if there are memory leaks

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