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

DE53956 WCAG 2.2 Update input style to match core #129

Conversation

mostlyfabulous
Copy link
Contributor

@mostlyfabulous mostlyfabulous commented Jul 12, 2023

DE53956: [WCAG2.2] Activity Feed > Several buttons with enclosed focus not meeting Focus appearance requirements
Fixes:

  • "Browse Files" under Upload a File dialog

@mostlyfabulous mostlyfabulous requested a review from a team as a code owner July 12, 2023 06:25
border: 1px solid;
border-style: none;
Copy link
Contributor Author

Choose a reason for hiding this comment

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

Remove border from link styled as button to match core button component:
https://github.com/BrightspaceUI/core/blob/main/components/button/button-styles.js#L8

@@ -152,7 +152,7 @@ $_documentContainer.innerHTML = `<dom-module id="d2l-labs-file-uploader">
text-decoration: none;
}
.d2l-file-uploader-browse-label-focus {
box-shadow: 0 0 0 4px rgba(0, 111, 191, 0.3);
Copy link
Contributor Author

Choose a reason for hiding this comment

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

This adds the 2px white border and then a 4px celestine outer border when focused.
e.g.
image

Celestine:
image

@mostlyfabulous mostlyfabulous merged commit cf26431 into main Jul 14, 2023
1 check passed
@mostlyfabulous mostlyfabulous deleted the awong/20.23.8/DE53956-WCAG-2.2-update-input-style-to-match-core branch July 14, 2023 17:44
@ghost
Copy link

ghost commented Jul 14, 2023

🎉 This PR is included in version 3.3.1 🎉

The release is available on:

Your semantic-release bot 📦🚀

@ghost ghost added the released label Jul 14, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants