fix: apply active class to submenu items

guidemetothemoon commented 2 years ago

Description

Describe the issue fixed here Recently support for dropdown has been implemented in navigation menu, ref. #344 . There's a small issue there that the menu section will not be underlined as active if any menu options other than the first one will be chosen from the dropdown. So in exampleSite if you had a structure like this:

Accomplishments:
    Awards
    Certifications

Then Accomplishments section will be marked as active only if Awards is an active page but not when Certifications is an active page. This has now been fixed and parent section will be marked as active as long as any of the child sections are currently active.

Issue Number:

Here Goes the Issue Number with a '#'

Additional Information (Optional)

Here goes any Additional Information you would like to add.

Checklist

Yes, I included all necessary artefacts, including:

[ ] Tests
[ ] Documentation
[x] Implementation (Code and Ressources)
[ ] Example

Testing Checklist

Yes, I ensured that all of the following scenarios were tested:

[x] Desktop Light Mode (Default)
[x] Desktop Dark Mode
[x] Desktop Light RTL Mode
[x] Desktop Dark RTL Mode
[x] Mobile Light Mode
[x] Mobile Dark Mode
[x] Mobile Light RTL Mode
[x] Mobile Dark RTL Mode

Notify the following users

List users with @ to send Notifications @lxndrblz

netlify[bot] commented 2 years ago

Deploy Preview for anatole-demo ready!

Name	Link
Latest commit	bf76b3f506ff6d057a5995b2bc41200af6d7d21e
Latest deploy log	https://app.netlify.com/sites/anatole-demo/deploys/626d05fc2eab48000797394c
Deploy Preview	https://deploy-preview-350--anatole-demo.netlify.app
Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.