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

Nav bar redesign for mobile users #54

Merged
merged 14 commits into from
Oct 29, 2023

Conversation

mckeenicholas
Copy link
Contributor

@mckeenicholas mckeenicholas commented Sep 9, 2023

Closes #44

Implements a side drawer menu for when the width of the screen shrinks such that it can no longer fit all items along the bottom.

Copy link

@kr-matthews kr-matthews left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I don't have the repo set up locally, so I haven't been able to run the changes.

app/src/components/Base.tsx Show resolved Hide resolved
app/src/components/Base.tsx Outdated Show resolved Hide resolved
app/src/components/Base.tsx Outdated Show resolved Hide resolved
Copy link

@kr-matthews kr-matthews left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Code looks fine, but I don't want to give an official approval since I can't run it locally to test how it works in practice.
Edit: I'll look into getting the repository running locally at some point, but I'm pretty busy for the next month or so so it might take a while.

Copy link
Member

@JonEsparaz JonEsparaz left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks, @mckeenicholas!

I have one final comment, then I'm comfortable merging :)

Tested out using the mobile emulator for a few different devices and I don't see any apparent issues:

image

image

image

image

Can confirm that the component is key board accessible too, which is great.

app/src/components/Base.tsx Outdated Show resolved Hide resolved
@JonEsparaz JonEsparaz merged commit 32de521 into Speedcubing-Canada:main Oct 29, 2023
@mckeenicholas mckeenicholas deleted the mobile-base-support branch October 29, 2023 04:03
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Re-design nav bar
3 participants