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

Better navigation for small screens #131

Open
jrubenoff opened this issue Jul 15, 2015 · 1 comment
Open

Better navigation for small screens #131

jrubenoff opened this issue Jul 15, 2015 · 1 comment
Labels
p_interaction

Comments

@jrubenoff
Copy link
Contributor

This is... pretty intense on small screens.

screen shot 2015-07-15 at 4 18 15 pm

Even the navbar takes up more space than it really needs to, when expanded:

screen shot 2015-07-15 at 4 18 51 pm

Makes sense to work on this on a per-component basis, but we should also test each change in Screendoor. We have a lot of stacked navigation there.
@jrubenoff jrubenoff changed the title Responsive navigation Collapsible navigation on small screens Dec 3, 2015
@jrubenoff jrubenoff changed the title Collapsible navigation on small screens Better navigation for small screens Dec 3, 2015
@jrubenoff
Copy link
Contributor Author

Screendoor's navbar expanded:

nav_toplevel

Buttons would take you straight to each page. Navigating dropdowns on mobile are often more trouble than they're worth.

We use .sidebar_nav for a few things in Screendoor, which dictate different design solutions. For example, when we use it as a filter:

nav_filter

As opposed to section-level navigation:

nav_sidebar

Here are some concepts for bringing it all together:

nav_together

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
p_interaction
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@jrubenoff