Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update Button styles + support for aria-expanded #2421

Merged
merged 3 commits into from
Nov 20, 2024

Conversation

benlister-okta
Copy link
Contributor

@benlister-okta benlister-okta commented Nov 18, 2024

DES-6770

Summary

Updates Button styles to match Nick's latest updates in Figma

States that have changed:

  • Secondary hover
  • Secondary Active
  • Secondary disabled
  • Floating/FloatingAction Hover
  • Floating/FloatingAction Active
  • Danger Secondary Hover
  • Danger Secondary Disabled

This PR also adds support for the MenuButton's "open" state aka &[aria-expanded='true'] and applies the :active state styles when a MenuButton is in this state.

Testing & Screenshots

  • I have confirmed this change with my designer and the Odyssey Design Team.

@benlister-okta benlister-okta requested a review from a team as a code owner November 18, 2024 23:31
Copy link
Contributor

@KevinGhadyani-Okta KevinGhadyani-Okta left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

What's the purpose of this? I don't think we're supposed to be styling on ARIA attributes either.

Copy link
Contributor

@KevinGhadyani-Okta KevinGhadyani-Okta left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Code looks fine. I'm not certain about the CSS. Leaving that for Bryan or Jordan.

@oktapp-aperture-okta oktapp-aperture-okta bot merged commit 3939f71 into main Nov 20, 2024
1 check passed
@oktapp-aperture-okta oktapp-aperture-okta bot deleted the bl_button_update1124 branch November 20, 2024 19:07
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants