Skip to content

fix: fix outlined button styles and improve their accessibility#1002

Open
nmggithub wants to merge 3 commits intoelectron:mainfrom
nmggithub:fix-outlined-buttons
Open

fix: fix outlined button styles and improve their accessibility#1002
nmggithub wants to merge 3 commits intoelectron:mainfrom
nmggithub:fix-outlined-buttons

Conversation

@nmggithub
Copy link
Contributor

Description of Change

Fixes #1001.

Checklist

  • This PR was not created with AI. (PRs created mainly with AI will be closed. They waste our team's time. We ban repeat offenders.)

@nmggithub nmggithub requested a review from a team as a code owner February 1, 2026 22:43
Comment on lines +205 to +208
// Docusaurus adds its own focus styles which we need to
// override here to avoid losing the outline.
// ref: https://github.com/electron/website/issues/1001
body:not(.navigation-with-keyboard) &--outline:focus {
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 isn't ideal, but Docusaurus is too board in their approach to hiding focus outlines when the user is using a mouse (I added a comment here in this issue to get the attention of their team: facebook/docusaurus#11314 (comment))

Copy link
Contributor Author

@nmggithub nmggithub Feb 7, 2026

Choose a reason for hiding this comment

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

The hook that requires this funky CSS by us has been removed upstream in Docusaurus (facebook/docusaurus#11713), but no new version has been released yet.

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.

"See More" / "See Less" button on Governance page is buggy and potentially not accessible

1 participant