search

carbon-design-system / carbon-components-svelte

Svelte implementation of the Carbon Design System
https://svelte.carbondesignsystem.com
Apache License 2.0
2.7k stars 261 forks source link

HeaderNav and SideNav do not behave according to specification #516

Open brunnerh opened 3 years ago

brunnerh commented 3 years ago

Items from the header nav should be pushed into the side nav if the header nav is not displayed according to media queries. Also, if no explicit side nav exists, this means that one has to be be created automatically for the header nav items.

Spec:

As a header scales down to fit smaller screen sizes, header links and menus should collapse into a left-panel hamburger menu

If your UI includes a left panel, the header links should be added above the left panel items, pushing them down accordingly.

Correct responsive examples (layout breakpoint at 66rem width):

dami-i commented 3 years ago

@brunnerh, would you mind updating the links for the React examples? They are currently broken.

brunnerh commented 3 years ago

@dami-i They are updated now.