sveltejs / sites

Monorepo for the sites in the Svelte ecosystem
https://svelte.dev
MIT License
292 stars 123 forks source link

examples sidebar-improvement #110

Closed vedam closed 2 weeks ago

vedam commented 5 years ago

splitted this out from sveltejs/svelte#2641

I would like to discuss an addition to examples-sidebar which would IMO eliminate the need to scroll endlessly downwards which is the current state. This is maybe a bit more future-proof too, if more examples are coming. Not coded yet, just as a visual idea.

svelte-docs-proposal

mindrones commented 5 years ago

I also wanted this, like anchors to easily jump to sections but keeping the ability to scroll if we want.

On the phone I'd want them to be on the bottom of the screen, near the other 3 navigation buttons, easily accessible with the thumb.

vedam commented 2 years ago

Thumbs up on that, definitely an improvement in clarity IMO. (can't believe I actually comment my own issue here. May 19. Totally forgot that one, sorry) Maybe the active orange should be a tick lighter and the tags have to grow a bit on mobile (this can very easily look distracting), at least for my thumbs 😄

dummdidumm commented 2 years ago

Agree, if the side nav gets too big you'll have to scroll very long and not miss the category you are search for while doing it. With this it would mean you always know where to look, everything is in one place. This could be a nice addition to the docs section, too, if we start adding more doc pages.

vedam commented 2 years ago

OK, it looks like the Pill approach is having trouble with too many subcategories. That's why I thought about it again and searched for a more practicable possibility: https://www.figma.com/file/d5OC7BNdcU32b0pArNLehe/svelte-sidebar-draft?node-id=0%3A1

benmccann commented 2 weeks ago

closing since the example page has been rewritten and no longer exists in its prior form