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

Mobile: Top Nav, menu, and search #405

Open
tbeseda opened this issue Sep 28, 2021 · 2 comments
Open

Mobile: Top Nav, menu, and search #405

tbeseda opened this issue Sep 28, 2021 · 2 comments

Comments

@tbeseda
Copy link
Member

tbeseda commented Sep 28, 2021

Now that the Arc docs site feature-set has grown (dark mode FTW!), it's worth revisiting how the top nav works on mobile.

Currently, there are 3 static buttons for Discord | GitHub | dark mode and a hamburger menu for the docs navigation.
Also, we left search out of the mobile interface when it was initially implemented.

What could this combination of features look like? ideally? we can then decide what iterative implementation looks like.

arc mobile nav

@tbeseda tbeseda changed the title Mobile: TopNav Mobile: Top Nav, menu, and search Sep 28, 2021
@macdonst
Copy link
Contributor

A couple of options that I can think of:

  1. Slide search down under the Architect banner.

Screen Shot 2021-09-30 at 13 57 47

  1. Move the Search bar to the top of the navigation section for both desktop and mobile.

Screen Shot 2021-09-30 at 14 00 21

Screen Shot 2021-09-30 at 13 59 44

Obviously, option 2 would require some updated styling of the Search input.

@tbeseda
Copy link
Member Author

tbeseda commented Oct 1, 2021

Nice previews. I kinda like option 2. Only issue might be that it isn't readily accessible when the side bar is scrolled way down. Maybe it's sticky inside that container?
tbh both look great and I could go either way

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Development

No branches or pull requests

2 participants