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

Add tooltips #40

Closed
alukach opened this issue Apr 14, 2015 · 6 comments
Closed

Add tooltips #40

alukach opened this issue Apr 14, 2015 · 6 comments
Assignees

Comments

@alukach
Copy link
Member

alukach commented Apr 14, 2015

Helpful tips should appear when hovering over Menu operations. The tooltip data could be inputted when instantiating the operation within the menu. In the beginning, we could support only text. In the long run, I'd like to see richly-formatted helptext with the potential to add in illustrative .gif/.webm examples.

This can be done entirely with CSS and HTML, which is nice.

This was mentioned to some extent within #30 (comment)

@alukach
Copy link
Member Author

alukach commented May 13, 2015

An example of a clean CSS / HTML only tooltip: http://cbracco.me/a-simple-css-tooltip/

@mapsam
Copy link
Member

mapsam commented Jun 2, 2015

OMG the attr() function in CSS is magical. I'll take this on, @alukach

@mapsam mapsam self-assigned this Jun 2, 2015
@alukach
Copy link
Member Author

alukach commented Jun 2, 2015

Woah, that is crazy, I didn't notice that part before!

@mapsam
Copy link
Member

mapsam commented Jul 11, 2015

This is currently being incorporated into geo-menu-updates branch. I'll make it more class-based so we can use throughout the app once that branch is ready.

@mapsam
Copy link
Member

mapsam commented Aug 8, 2015

Tooltips have been added in #161 to the menu operations. They aren't necessary a unique component yet, but let's reopen when that comes up.

dropchop-tooltips

@mapsam mapsam closed this as completed Aug 8, 2015
@alukach
Copy link
Member Author

alukach commented Aug 8, 2015

These look great! Agreed that these hover-tooltips along with the text in the clicked form (pictured below) totally suffice for the time being.

screen shot 2015-08-08 at 11 18 23 am

Notes for future:

  • Would be cool to put a gif or webm with textual description visualizing the operation
  • Can only get to the textual description when validation passes.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants