Addressing:
T85998 Toolbar popup widgets have no visible anchor
T85974 Toolbar border too strong
Toolbar will have a gray background to separate chrome from content but still be unified with the site's aesthetic.
On hover and selected states tools will have a clear indication that they are selected. They will be connected to the dropdown menu to show a clear relationship.
**Toolbar**
- toolbar background #F6F6F6
- border on top and bottom #DDD (top border will replace blue line)
- lines within toolbar #DDD - after undo/redo, after headings, and before help
- remove box around headings
**Tools and dropdowns**
- On hover and select, tool gets a white background with #CCC border
- Dropdown anchored to bottom of toolbar
- Dropdown white background with #CCC border
- Dropdown item on hover background #DDD
- Dropdown item selected background #999
- Dropdown item selected text and icon #FFF
- remove margin above first item in dropdown
{F28489}
{F28491}
{F28492}
*Other changes in mockups such as tool position and labels are just experimenting!