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

None

QA Kickoff Check-In

None

QA Demo Check-Out

None

Activity

Show:
Maciej Adamczak
November 15, 2017, 11:15 PM
Edited

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.

Maciej Szpyra
November 16, 2017, 10:35 AM

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

Chris "Daz" Darroch
November 16, 2017, 2:20 PM

, 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...

Chris "Daz" Darroch
November 22, 2017, 3:21 PM

I've reopened this issue after talking with about the actual problem.

Assignee

Chris "Daz" Darroch

Reporter

Maciej Szpyra

Labels

None

Changelog entry text

None

Needs Doc

None

Epic Link

Components

Fix versions

Affects versions

Priority

Major
Configure