Create secondary vertical navigation design variation - Githubissues

uiowa / uids

UI Design System

http://uids.brand.uiowa.edu

7 stars 1 forks source link

Create secondary vertical navigation design variation #453

Closed bspeare closed 2 years ago

bspeare commented 3 years ago

Follow instructions here: https://github.com/uiowa/uids

Create feature branch

Using https://github.com/uiowa/uids/tree/main/src/components/menus/main-menu, create a feature branch with a new design variant for the sidebar navigation.
Change hidden:false to hidden:true in https://github.com/uiowa/uids/blob/main/src/components/menus/main-menu/main-menu.config.yml.
Create a new variant https://github.com/uiowa/uids/blob/main/src/components/menus/main-menu/main-menu.config.yml#L16-L19.

Screen Shot 2021-01-11 at 10 34 11 AM

Items to consider

How will the navigation work with background colors?
How many nested items?
Does the design change if there is a left or right column?
Responsive solution?
Display only child pages of section or include parent page name?
External link icon?
Indicator for child links?
Animation hovers?
Horizontal variant?

Examples

https://mentalhealth.uiowa.edu/recovery/ https://law.uiowa.edu/careers

bewoldt commented 3 years ago

I created a branch with my additions. https://github.com/uiowa/uids/tree/feature_sidebar_navigation/src/components/menus/main-menu

pyrello commented 2 years ago

Still want to tackle this, but in 4.x?

bspeare commented 2 years ago

I think we did a lot of work on this in https://github.com/uiowa/uids/pull/477 that can be seen at https://uids.brand.uiowa.edu/components/detail/main-menu.html. I'd be in favor of closing for now.