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

Add border to status bar items on keyboard focus #142665

Merged
merged 8 commits into from
Feb 11, 2022

Conversation

daviddossett
Copy link
Contributor

This PR fixes #141709 by adding an outline to status bar items when navigating through them with the keyboard.

Additionally, the focus outline offset changes slightly for themes that include a statusBar.border color.

153275287-06205734-e569-4b9b-b3a1-2beaa4169638.mp4

@miguelsolorio
Copy link
Contributor

Overall, this is looking good and like that we are finally using a proper focus border in the status bar!

Additionally, the focus outline offset changes slightly for themes that include a statusBar.border color.

@bpasero I wonder if there's anything we can do here to just add an additional 1px padding to increase the status bar for themes that use this? things already shift when you switch to a theme with borders so I don't see this being a big issue

@daviddossett daviddossett merged commit 7465af9 into main Feb 11, 2022
@daviddossett daviddossett deleted the ddossett/status-bar-item-focus branch February 11, 2022 18:47
@isidorn isidorn added this to the February 2022 milestone Feb 18, 2022
@isidorn
Copy link
Contributor

isidorn commented Feb 18, 2022

Just tried this out now and this is great work @daviddossett 👏
I just created this follow-up item #143379

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

Successfully merging this pull request may close these issues.

Keyboard visual focus indicator is difficult to see within the status bar
5 participants