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

[Tree Details - Design] Mobile Tree Details Full Screen #541

Closed
Tracked by #433
ri0nardo opened this issue Mar 6, 2023 · 2 comments
Closed
Tracked by #433

[Tree Details - Design] Mobile Tree Details Full Screen #541

ri0nardo opened this issue Mar 6, 2023 · 2 comments
Assignees
Labels
enhancement New feature or request frontend

Comments

@ri0nardo
Copy link

ri0nardo commented Mar 6, 2023

Currently the tree details only had a design for desktop. For a mobile experience we want it to be the same or even better than desktop as it will be a sidebar. This section will have to take up the whole screen, but will have a preview section, so users aren't forced to close out each and every time.

This will include a sticky section at the bottom with the tree species, tree health, adopt and liked, and tab sections.

image2

@ri0nardo
Copy link
Author

ri0nardo commented Mar 6, 2023

Started to design the mobile tree details with the same design as the desktop with the main difference is the sticky section at the bottom. I made the sticky section have a grayish background so it will be slightly obvious that its not attached to the tree details section, but related.

The idea is that you will be able to scroll through and see all the details. But you can swipe from the top down to go back to the map and back to the tree preview. See #433 for the preview ticket. What's your thoughts on the tree details? @zoobot

12-13 Pro - Both Changed Added Margin

@ri0nardo
Copy link
Author

ri0nardo commented Mar 7, 2023

Full Tree Details no tabs
Mobile Full Tree Details with Tabs

@ri0nardo ri0nardo moved this from In Progress to Done in Water the Trees Mar 7, 2023
@ri0nardo ri0nardo closed this as completed Mar 7, 2023
@github-project-automation github-project-automation bot moved this from Done to Help Wanted in Water the Trees Mar 7, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request frontend
Projects
Archived in project
Development

No branches or pull requests

1 participant