mi6
[ic-top-navigation] navigation group menu does not align with Figma design (megamenu)
Summary of the bug
When looking at what has been developed vs what's in Figma there's a big difference with how navigation mega menus look.
🪜 How to reproduce
Tell us the steps to reproduce the problem:
- Go to grouped navigation story
- Hover over a navigation group
- See how that looks
- Compare to Figma
📸 Screenshots or code
Developed version -
Figma version -
There's no chevron in the dev version or blue group title.
🧐 Expected behaviour
Either bring dev in sync with Figma design or update Figma to remove the chevron and group title.
I think it's just a <div> with a <nav> element inside and then navigation items slotted directly inside, that (at the moment) happens to look like table of contents instead of the Figma design.
Not sure what else we need from Design at this point. Figma is correct with megamenu design.
Popping back into 'In refinement' ;-)
Questions raised on what would happen in Mobile view when Top Nav has multiple Nav Bar Items, potentially all with mega-menus - how would the nested groups appear within the expanded nav bar menu?
