[wp-trac] [WordPress Trac] #36447: Responsive preview icons in Customizer need tooltips

[WordPress Trac]

#36447: Responsive preview icons in Customizer need tooltips
-----------------------------------------+-----------------------------
 Reporter:  ahortin                      |       Owner:  iamjolly
     Type:  enhancement                  |      Status:  assigned
 Priority:  normal                       |   Milestone:  Future Release
Component:  Customize                    |     Version:  4.6
 Severity:  normal                       |  Resolution:
 Keywords:  has-screenshots ui-feedback  |     Focuses:  accessibility
-----------------------------------------+-----------------------------
Changes (by Cheffheid):

 * keywords:  has-screenshots => has-screenshots ui-feedback


Comment:

 Just to give this a bit of a push forward. I jacked some of the Github
 code and created a `.tooltip` class (limited to `#customize-controls` for
 now). Would definitely appreciate some design input on these things to
 help them match the admin look better.

 One complication that I'm running into with these CSS-only tooltips is
 that when one of those buttons is clicked the tooltip sticks around. I
 think there are JS solutions to fix that (like https://marcysutton.com
 /button-focus-hell/), but I'm a bit too overwhelmed by the amount of
 Customizer JS to make that change properly.

 Will add a patch with what I have so far, which adds the tooltip class CSS
 and adds the class to the device buttons.

 [[Image(https://cldup.com/Zi54Y3HpUc-3000x3000.png)]]

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