Skip to content

give sign up link darker outline#11419

Open
srietkerk wants to merge 1 commit into
masterfrom
srietkerk/signup-outline-darker
Open

give sign up link darker outline#11419
srietkerk wants to merge 1 commit into
masterfrom
srietkerk/signup-outline-darker

Conversation

@srietkerk

Copy link
Copy Markdown
Contributor

Fixes microsoft/pxt-microbit#6824

When I was first addressing the issue, I thought that the underline was a good enough indicator for the sign up link, but we should be consistent with our styling. The link now looks like this when tabbed onto it:

image

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Pull request overview

This PR updates the sign-in modal’s “Sign up / Sign in” switch link focus styling to provide a more visible keyboard focus outline, aligning with the linked accessibility/style issue in the micro:bit target.

Changes:

  • Adds a custom :focus-visible outline style for .link-button within the sign-in modal footer switch area.

Comment thread react-common/styles/profile/profile.less
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.

Default keyboard: Focus indicator is not visible on "Sign up" and "Sign in" buttons under User menu

2 participants