Second level should be marked as active and expanded when level three menu item is active

I am working on this issue.

Fixed the issue, please review.

ckrina → closed merge request !230

Moved the work to branch that follow naming conventions to avoid confusions.

Apart from the feedback on the JS strategy, the active state should have the dark circle when it's active. You can explore the designs in Figma here. And I've added a link to the issue summary.

Added dark circle to active state when it's active as per the figma design.
Please review
Thanks!
Screenshot 2024-04-16 at 2.46.36 PM
Screenshot 2024-04-16 at 2.46.53 PM

This should be rebased first i guess.

With the js change believe something that should have test coverage.

Thank you!
MR contains lot of css changes which breaks layout

Also i believe it does not need rework of all JS, Cause all events already exist. Gonna check

It needs design and UI decision.

In the original version of the menu, we had limited space in the popover and closed the child menu when changing the popover. Now I think
this is completely unnecessary because there is enough space in the popover to display the children's menu open.

This MR resolve it. But not works in case of deeper levels. We need to rewrite events system a bit to achieve this.

Now works with any level of nesting.

ckrina → changed the visibility of the branch 3438046-2nd-level-active to hidden.

We need to add extra css using `:has` selector

https://developer.mozilla.org/en-US/docs/Web/CSS/:has

Examples presented for higher levels of menu

Hello,

I am looking into this.