feat: A dot prefix to active menu items

[mrdotkg]

@h-enk Talking about the Doks origin and plans in one of the discussions, I am guessing this would be in the Doks roadmaps.

Differentiate active menu item from rest, by prefixing a dot or circle symbol.

If not please ignore and reject. Thanks

[h-enk]

@mrdotkg, thanks — good idea! However I'm not quite sure yet about how to do the sidebar menu. I was also thinking about something like this:

BTW, your deploy preview link: https://deploy-preview-143--doks.netlify.app/

Note, some checks failed on your PR — to keep things consistent, please run npm run lint:styles -- --fix to (probably) fix automatically.

[mrdotkg]

@h-enk

This feature, your idea is Interesting and useful.

Thinking about something roughly like this

˃  EMAILS

⌄  FRUITS
   Apple
   • Banana
   Cherry
    
˃  GAMES

˃  HEROS

Preview link and these build errors are great help for contributing to the design. I used this website's workflow to create the pull request. Which is amazing by the way. But we get to know these errors only after the commit is done and build happened.

I had no idea at all that netlify provides automation for preview link -- pr#no

[johnnymatthews]

Sorry to dig up an old PR, and sorry for the silly question. Why is there a transition here? Is this strictly necessary to add the dot at the start of the current menu item? Or does it affect something else not related to the dot?

[h-enk]

I'm sorry I didn't get back to you earlier. I appreciate your efforts — thanks for that!

I think the dot in front of an active page link is a little bit too much /distracts from the main content. Setting the font weight of an active page to 500 is — to my eye — sufficient and nicely in line with the design.

To speed things up /going forward w/ Doks v0.4.0, I will close your PR and merge #644