Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Tooltip #152

Open
2 of 9 tasks
germain-gg opened this issue Jun 21, 2023 · 2 comments
Open
2 of 9 tasks

Tooltip #152

germain-gg opened this issue Jun 21, 2023 · 2 comments
Labels
T-Epic Issue is at Epic level

Comments

@germain-gg
Copy link
Contributor

germain-gg commented Jun 21, 2023

Component name

Tooltip

Figma link

Figma link

Behaviour

(From comment)
After further considering other use cases besides room header and details, here are more general rules-of-thumb:

DESKTOP

For non-labelled, interactive elements that do something: Show a tooltip on hover after a 300ms delay

  • Any Icon-only buttons that performs some action

For non-labelled, interactive elements that do nothing: Show a tooltip on hover instantly

  • Room decoration (public, encryption, trusted, not trusted, etc.)
  • Status indicators
  • Disabled buttons of any kind

Exceptions: Depends on the use case

  • Facepile in a timeline on the right
    • On hover there is valuable information with a changing value ("Seen by X people"), therefore show the tooltip instantly
  • Room description on room detail view
    • By default the room description is collapsed into an interactive component (essentially a big button). The summary itself is not technically a label, but the hover state on-rollover indicates that the element is interactive. So, there's no need to show any further tooltip at all.
    • Other examples we'll discover along the way :)

MOBILE

  • IF possible, show a tooltip after long-pressing any non-labelled, interactive element

Lemme know if you disagree with anything above

Design phase

Development phase

  1. germain-gg
  2. T-Enhancement
@germain-gg germain-gg added the T-New-Component First implementations of components. label Jun 21, 2023
@germain-gg germain-gg added T-Epic Issue is at Epic level and removed T-New-Component First implementations of components. labels Aug 8, 2023
@t3chguy
Copy link
Member

t3chguy commented May 14, 2024

Tooltips are now a thing. @florianduros @robintown can this be closed?

@florianduros
Copy link
Member

florianduros commented May 15, 2024

Hmmm, it's also about the mobile. I don't the know the current state of the mobile tooltip

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
T-Epic Issue is at Epic level
Projects
None yet
Development

No branches or pull requests

3 participants