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.

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

A feeling of very little vertical space, navbar too high, prefer sidebar TOC style navbar #473

Open
T3sT3ro opened this issue May 31, 2023 · 2 comments

Comments

@T3sT3ro
Copy link

T3sT3ro commented May 31, 2023

Vertical space on the site is fairly limited with the constantly visible navbar, that is also unnecessarily high. There is also a feeling of too much content everywhere and a need to scroll for everything.

For a cleaner site layout to draw inspiration from I would point to Mantine.

There are also some non-uniform, missing or giant margins and paddings which make the website feel "zoomed" and really full of content, overwhelming and missing negative space. For example when opening the "Guides" submenu, it can spawn a scrollable, ultra-high list of links which takes almost all the space on my screen. a site could benefit from a bit smaller font size (0.95rem) and a little bit lower line-height (1.5).

image

There is also no qood indication to what section you are currently in, because the guide title hides when scrolled.

image

Compare it to the mentioned mantine navbar:
image

They have a navbar on the left that is a nice, collapsible list covering all the content, a TOC of the current page on the right with the active state tracking and a nicely spaced main content in the center that has much room to breathe. Their main content is also close to the optimal width of ~800px, while solid is slightly above the maximum width of ~1000px.

Compare the current (75% above 1024px) to the fixed 820px with adjusted body width and background colors:
image

image

@T3sT3ro T3sT3ro changed the title Navbar takes a lot of space, prefer sidebar TOC style navbar A feeling of very little vertical space, navbar too high, prefer sidebar TOC style navbar May 31, 2023
@milomg
Copy link
Member

milomg commented Sep 15, 2023

Would you be open to implementing these changes?

@T3sT3ro
Copy link
Author

T3sT3ro commented Sep 16, 2023

It seems like someone experienced in webdev and design should take a look at that, possibly propose some mockups etc. I, unfortunately, don't feel competent enough to do that. I don't have the experience nor the time to tinker with it by myself for now.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants