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

Collapsible filter menu panel (desktop) #832

Closed
6 tasks done
adamkendis opened this issue Nov 3, 2020 · 0 comments · Fixed by #876
Closed
6 tasks done

Collapsible filter menu panel (desktop) #832

adamkendis opened this issue Nov 3, 2020 · 0 comments · Fixed by #876
Assignees
@adamkendis
Labels
P-feature: Desktop desktop-specific development task Role: Frontend React front end work

Comments

@adamkendis
Copy link
Member

adamkendis commented Nov 3, 2020 •
edited
Loading

Description

Gear icon #835
Basic/Advanced switch #831

This menu provides the primary map/visualizations controls.

Action Items

Don't implement the actual filter/selector controls under this ticket.

  • Implement collapsible floating menu.
    • Functional component using React Hooks strongly encouraged.
    • Styling via one of material-ui's styling options.
    • Collapsed by default.
    • Hidden section can be expanded by clicking down-caret button.
    • When expanded, down-caret button becomes up-caret.

Resources

https://material-ui.com/styles/advanced/#makestyles

Full page:
Screen Shot 2020-11-19 at 4 57 58 PM

Default view (basic/collapsed):
Screen Shot 2020-11-19 at 4 54 31 PM

Basic expanded:
Screen Shot 2020-11-19 at 4 54 45 PM

Advanced expanded:
Screen Shot 2020-11-19 at 4 55 27 PM
@adamkendis adamkendis added Role: Frontend React front end work Needs More Info Request for more info...Issue not clear labels Nov 3, 2020
@adamkendis adamkendis added P-feature: Desktop desktop-specific development task and removed Needs More Info Request for more info...Issue not clear labels Nov 20, 2020
@adamkendis adamkendis mentioned this issue Nov 20, 2020
Closed
6 tasks
@adamkendis adamkendis mentioned this issue Dec 18, 2020
Merged
4 tasks
@adamkendis adamkendis self-assigned this Dec 18, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@adamkendis adamkendis

Labels
P-feature: Desktop desktop-specific development task 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.

Metadata fetching, expanding filter menu, desktop layout adamkendis/311-data
1 participant
@adamkendis