Tooltips for icons - ucsf-ckm/ucsf-library-ux-and-web-documentation GitHub Wiki

The icons for noise level on https://www.library.ucsf.edu/use/student-study-spaces/ now have tooltips upon hover.

Steps

1. use hot spot widget
2. 20 pixel transparent image is necessary for the widget, then choose the icon and add tool tip text
3. set trigger to hover
4. style tool tip
5. set direction for screen and mobile so it is visible
6. set to inline

Video walkthrough: https://youtu.be/Qbj3sRqCDwg