mirror of
https://github.com/fleetdm/fleet
synced 2026-05-23 08:58:41 +00:00
Update Product handbook, add tooltips to Design conventions (#6616)
- Add a "Tooltips" section
This commit is contained in:
parent
694be80de7
commit
33d9b4dba8
1 changed files with 10 additions and 0 deletions
|
|
@ -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,
|
||||
|
|
|
|||
Loading…
Reference in a new issue