Toolbar1 and Dropdown2 do not integrate properly
Description
When a Toolbar1 button is pressed and it should open a Dropdown2, the button has blue text and a white icon.
See this example: https://codepen.io/chrisdarroch/pen/BmxKKw
The incorrectly styled element state looks like the following:
Expected result
The button should behave like a typical AUI button: the background should be dark, and the text and icon should be white.
Environment
QA Kickoff Check-In
QA Demo Check-Out
Activity
The new color of the opened dropdown was introduced in 7.2.0-beta-2 based on the feedback from the UX team.
According to the pure AUI component, the text is white and the background is color n500:
I think you need to check the custom CSS styles applied to the button.
This button is part of the toolbar. So it has icon has color from aui-buttons.css and the text color comes from toolbar.css
, is the button you're referencing using a pure AUI pattern? Or is it overriding AUI's styles in some way? From memory, those buttons in Jira aren't using the pure AUI pattern...
I've reopened this issue after talking with about the actual problem.
