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.

Sign up for GitHub

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

Jump to bottom

Add descriptive tooltips #580

Closed
3 tasks
adamkendis opened this issue May 5, 2020 · 0 comments · Fixed by #759
Closed
3 tasks

Add descriptive tooltips #580

adamkendis opened this issue May 5, 2020 · 0 comments · Fixed by #759
Assignees
@jmensch1
Labels
P-feature: Accessibility work done to the site in order to make the site accessible Role: Frontend React front end work v1 The first version of the site

Comments

@adamkendis
Copy link
Member

adamkendis commented May 5, 2020 •
edited
Loading

Description

All subheaders should have some descriptive help box similar to what the Filter subheaders have, especially Time to Close and Frequency.

The button that opens/closes the sliding menu should also have a tooltip indicating it can be clicked to show/hide the filters.

Action Items

  • Add HoverOverInfo component to subheaders in Data Visualization and Comparison Tool. Include clear description of what each chart represents/how to read it.
  • Add tooltip to menu open/close button indicating it can be clicked to show/hide the filters.
  • Update existing menu subheader info tooltips to indicate that data should be inputted with their respective methods (e.g. typing, clicking a checkbox, selecting a date, etc.)

Resources

Subheader tooltips:
https://xd.adobe.com/view/7c19faf7-2bfe-40ba-7e41-fe54ce4aaff7-0a28/

Menu filter tooltips:
https://xd.adobe.com/view/5ac4b3c9-4970-498c-4b34-cc8481295d0f-2cf5/
@adamkendis adamkendis added Role: Frontend React front end work P-feature: Accessibility work done to the site in order to make the site accessible labels May 5, 2020
@adamkendis adamkendis changed the title Add descriptive tooltips to data vis/comparison subheaders Add descriptive tooltips May 5, 2020
@jmensch1 jmensch1 self-assigned this Jul 24, 2020
@jmensch1 jmensch1 mentioned this issue Jul 25, 2020
Merged
4 tasks
@ExperimentsInHonesty ExperimentsInHonesty added the v1 The first version of the site label Aug 22, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@jmensch1 jmensch1

Labels
P-feature: Accessibility work done to the site in order to make the site accessible Role: Frontend React front end work v1 The first version of the site
Projects
P: 311: Project Board
Status: Done
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

added descriptive tooltips throughout app hackforla/311-data
3 participants
@jmensch1 @ExperimentsInHonesty @adamkendis