IntenseWebs/discourse
3
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-11-30 04:34:13 -06:00
Code Issues Packages Projects Releases Wiki Activity

UX: Differentiate focus state from hover state (#22985)

Browse Source 
When a button gets a focused state via keyboard, it is highlighted a bit more than the hover or selected state.
This commit is contained in:
Penar Musaraj 2023-08-07 16:46:10 -04:00 committed by GitHub
parent 2485f5d5f6
commit 9e9aa8f653
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/assets/stylesheets/common/components/buttons.scss
View File

@ -68,6 +68,10 @@
color: Highlight;
}
}
&:focus-visible {
@include darken-background($hover-bg-color, 0.1);
}
}
&[href] {
color: $text-color;

3
app/assets/stylesheets/wcag.scss
View File

@ -84,7 +84,8 @@ html {
}
}
.menu-panel .panel-body-bottom .btn:hover {
.menu-panel .panel-body-bottom .btn:hover,
.menu-panel .panel-body-bottom .btn:focus {
.d-icon {
color: var(--primary);
}