GH-101: Portal Nav (Load with Transition / Animation)

[wesleyboar]

Overview

Load portal nav with no width, then transition it to "natural" width.

The login icon has not been restyled yet. The location of portal nav in mobile has not moved, yet.

Issues

• Header Redesign → FP-1458 #101

Changes

• Minor: Add missing specificity to a Portal Nav selector.
• New: Make Portal Nav gently push—not abruptly shove—Search Bar aside after it loads.

Testing

1. Load CMS.
2. Ensure Portal Nav gently pushed search to the left.
3. Load Docs.
4. Ensure Portal Nav gently pushed search to the left.
5. Load Portal.
6. Ensure Portal Nav loads before search i.e. search is not pushed anywhere.

Notes

Known Issue

1. Does not work on Docs unless Docs has (commits from) branch task/GH-101-header-redesign.
2. (pre-existing defect) The width of Portal Nav on CMS & Docs differs from Portal (may be related to font size of whitespace).