Update Product handbook, add tooltips to Design conventions (#6616)

- Add a "Tooltips" section
This commit is contained in:
Noah Talerman 2022-07-12 13:39:31 -04:00 committed by GitHub
parent 694be80de7
commit 33d9b4dba8
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -392,6 +392,16 @@ For text links that navigates the user to a different page within the Fleet UI,
For a link that navigates the user to an external site (e.g., fleetdm.com/docs), use the `$core-blue` color and `xs-bold` styling for the link's text. Also, place the link-out icon to the right of the link's text.
**Tooltips**
All tooltips change the cursor to a question mark on hover. All tooltips have a solid background color.
There are two types of tooltips. The two types of tooltips have some unique styles:
1. Tooltips for text (column headers, input titles, inline text) appear when hovering over text with a dashed underline. These tooltips use left aligned text.
2. Tooltips for buttons, bubbles, table row elements, and other non-text elements appear when hovering over the element. These tooltips use center aligned text. These tooltips include a centered arrow.
## Release
This section outlines the communication between the product team, growth team, product team,