SDSS-1321: Version 1 of mega menu

[jenbreese]

READY FOR REVIEW

• This is ready for another set of eyes.
• @joegl, Can you create the config for it to turn off an on?
• @rebeccahongsf Can you review and test the code?

Summary

• This is a mega menu to work on both Green and Blue headers.
• You will need to create menu links.
• The levels shown in the menu are only Level 0 through Level 2. Anything else will only show in the secondary menu.
• There needs to be a toggle to turn it off and on. Joe is going to create that part.
• The menu links are displayed in a row rather than column. They'd prefer it to be column.
• Need to verify that the newsroom menu is uneffected by this change since they share components like the close.

Review By (Date)

• When does this need to be reviewed by?

Criticality

• How critical is this PR on a 1-10 scale? See Severity Assessment.
• E.g., it affects one site, or every site and product?

Review Tasks

Setup tasks and/or behavior to test

1. Open GitPod for this branch.
2. Create some pages that you can use for linking in the main menu.
3. Create levels 0 through 2.
4. Navigate to a page.
5. Verify the menu looks like the design for desktop and responsive.
6. review the code.

Front End Validation

• Is the markup using the appropriate semantic tags and passes HTML validation?
• Cross-browser testing has been performed?
• Automated accessibility scans performed?
• Manual accessibility tests performed?
• Design is approved by @ user?

Backend / Functional Validation

Code

• Are the naming conventions following our standards?
• Does the code have sufficient inline comments?
• Is there anything in this code that would be hidden or hard to discover through the UI?
• Are there any code smells?
• Are tests provided? eg (unit, behat, or codeception)

Code security

• Are all forms properly sanitized?
• Any obvious security flaws or new areas for attack?

General

• Is there anything included in this PR that is not related to the problem it is trying to solve?
• Is the approach to the problem appropriate?

Affected Projects or Products

• Does this PR impact any particular projects, products, or modules?

Associated Issues and/or People

- SDSS-1321

Resources

• AMP Tool
• Accessibility Manual Test Script
• HTML Validator
• Browserstack and link to Browserstack Credentials