updates to user menu in top nav

[vjeffrey]

original issue: https://chefio.atlassian.net/secure/RapidBoard.jspa?rapidView=261&modal=detail&selectedIssue=UI-158

Overview

To unify the user menu with the incoming projects filter this task provides a number of visual changes and updates.

Design Details

Zeplin (https://app.zeplin.io/project/5ba808703eb54372d860c737/dashboard?seid=5c4887fb20f12301729f6199)

All visual design and content are intentional if you have any questions or need more information please connect with susan evans.

Dropdown button

• Remove name label from the top navigation bar
• Remove the circle behind the person icon
• Change the person icon to be 20x20 and #212234, it should be vertically centered in the top navigation bar
• Place an expand_more icon 8 pixels to the right of the person icon, its bottom most point should align with the text labels in the top navigation bar
• Together with the person icon and expand more icon should form a single button that opens a drop down

Dropdown menu

• Add a caret to the top of the dropdown that aligns with the expand more icon

• Please reference the Zeplin designs for text style information, and padding/margins in the menu

• Signed in as and the user's name is not interactive

• Profile takes the user to their profile page

• Version number is not interactive

• About opens the about modal

• License

  should open
  https://www.chef.io/online-master-agreement/
  in a new tab
  - Note: there is currently a modal and we want that to go away

• Release Notes opens the release notes in a new tab

• Sign Out signs the user out and sends them to the sign in page

• Hovering/focusing on any of the interactive items should result in a background color of #dee5fd