Proposal for Forma36's website navigation

[gui-santos]

Hey!

While working on the documentation search last Friday, I played around the navigation to try to improve it a little bit.

The issues I was trying to solve is while scrolling down to read some documentation if you want to go to another page you would need to scroll back up to find the navigation again.
The same thing happens if you want to search for something or click on a social link (Blog, GitHub and Community).

I took inspiration in how other documentation websites deal with this, like:

• CircuitUI from SumUp (Storybook Docs)
• Atlassian design
• Pajamas from GitLab

And I propose moving all the navigation to the side menu. Keeping the logo, the social links and the search fixed in the top left. The list of links for the components documentation would scroll independently from the content (see the gif). Also, we can keep the three categories (Foundation, Guidelines and Components) always expanded.

Home

Documentation Page

Scrolling

[mshaaban0]

Yo, I love this, please do it 🥺

[m10l]

Having the sidebar stay in position and giving it it's own scrollbar is a good improvement, but I'm not keen on moving the other elements into the sidebar. The idea behind things at the moment is that the side navigation is for documentation, and the items in the header are for external links.

[gui-santos]

@m10l TBH I don't have a strong argument for moving the external links to the side hahaha. I would say we can keep the topbar and give the sidebar its own scroll like in this docs:
https://tailwindcss.com/docs/installation

And it would work great... what do you think?

[m10l]

@m10l TBH I don't have a strong argument for moving the external links to the side hahaha. I would say we can keep the topbar and give the sidebar its own scroll like in this docs:
https://tailwindcss.com/docs/installation

And it would work great... what do you think?

I think that'd be great!