Skip to content
This repository has been archived by the owner on May 24, 2024. It is now read-only.

[terra-dropdown-split-button] Added dashed border on split button when its get focussed #3943

Merged
merged 4 commits into from
Oct 26, 2023

Conversation

KV106606Viswanath
Copy link
Contributor

@KV106606Viswanath KV106606Viswanath commented Oct 17, 2023

Summary

Added the dashed border when the split button gets focussed. Previously we can see the blue box shadow and now the blue box shadow has been removed and dashed border has been added.

What was changed:
Split button focus border has been changed to dashed border.

Why it was changed:

Testing

This change was tested using:

  • WDIO
  • Jest
  • Visual testing (please attach a screenshot or recording)
  • Other (please describe below)
  • No tests are needed

Reviews

In addition to engineering reviews, this PR needs:

  • UX review
  • Accessibility review
  • Functional review

Additional Details

This PR resolves:

UXPLATFORM-7983


Thank you for contributing to Terra.
@cerner/terra

Before changes
Screenshot 2023-10-17 at 3 25 58 PM

After Chnages
Screenshot 2023-10-17 at 3 25 04 PM

@KV106606Viswanath KV106606Viswanath self-assigned this Oct 17, 2023
@KV106606Viswanath KV106606Viswanath requested a review from a team as a code owner October 17, 2023 09:58
Copy link
Contributor

@supreethmr supreethmr left a comment

Choose a reason for hiding this comment

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

Need to get +1 from UX team for the new focus styles. It looks like we are missing out the outline offset for default and fusion theme. Let's here from UX before making the change.

@github-actions github-actions bot temporarily deployed to preview-pr-3943 October 19, 2023 06:40 Destroyed
@scottwilmarth scottwilmarth added the ⭐ UX Reviewed UX Reviewed and approved. label Oct 19, 2023
@scottwilmarth
Copy link

I reviewed the dashed focus indicator and it is working as expected in Edge on PC and Chrome on Mac.

@supreethmr supreethmr merged commit 102a70f into main Oct 26, 2023
21 checks passed
@supreethmr supreethmr deleted the KV106606-Dashed-Border-Split-Button branch October 26, 2023 12:42
@SwethaM03
Copy link

+1 for dashed focus indicator. Verified in Safari/MAC and Edge/Windows.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants