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

Settings/gear button - map (mobile/desktop) #835

Closed
2 tasks
adamkendis opened this issue Nov 3, 2020 · 0 comments · Fixed by #851
Closed
2 tasks

Settings/gear button - map (mobile/desktop) #835

adamkendis opened this issue Nov 3, 2020 · 0 comments · Fixed by #851
Assignees
@Tanvez
Labels
Good First Issue Good for newcomers P-feature: Desktop desktop-specific development task P-feature: Mobile work done to make the site mobile accessible Role: Frontend React front end work

Comments

@adamkendis
Copy link
Member

adamkendis commented Nov 3, 2020 •
edited
Loading

Description

A settings/gear icon button will be used to show/hide a map settings menu.

Action Items

  • Implement a SettingsButton component using material-ui (see links in resources). This button will ultimately be used on the map to show/hide a map settings menu (but don't worry about that now!).
  • The component should receive an onClick handler via props that will be passed to the material-ui Button component.

Resources

Material-UI:
https://material-ui.com/components/buttons/
https://material-ui.com/components/material-icons/

Image:
Screen Shot 2020-11-12 at 5 35 36 PM

Figma (Version 2 - see mobile map mockups)
https://www.figma.com/file/eF63O8yIGz2soQ4JJFfyoK/311_Data_UXUI?node-id=1009%3A1004
@adamkendis adamkendis added Role: Frontend React front end work Needs More Info Request for more info...Issue not clear P-feature: Mobile work done to make the site mobile accessible P-feature: Desktop desktop-specific development task Good First Issue Good for newcomers labels Nov 3, 2020
@adamkendis adamkendis removed the Needs More Info Request for more info...Issue not clear label Nov 13, 2020
This was referenced Nov 20, 2020
Closed
Closed
@Tanvez Tanvez assigned Tanvez and unassigned Tanvez Nov 20, 2020
@Tanvez Tanvez mentioned this issue Nov 24, 2020
Merged
4 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@Tanvez Tanvez

Labels
Good First Issue Good for newcomers P-feature: Desktop desktop-specific development task P-feature: Mobile work done to make the site mobile accessible Role: Frontend React front end work
Projects
P: 311: Project Board
Status: Done
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Add GearButton hackforla/311-data
2 participants
@Tanvez @adamkendis