Better navigation for small screens

dobtco / dvl-core

Base styles for the DOBT View Layer.

https://design.dobt.co/

1 stars 1 forks source link

Open jrubenoff opened 9 years ago

jrubenoff commented 9 years ago

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 commented 8 years ago

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