Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

buttons: Set Zulip styles on :focus-visible.

This commit is contained in:
Karl Stolley 2024-09-04 09:53:12 -05:00 committed by Tim Abbott
parent df3d3197ff
commit 148169546d
1 changed files with 10 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
web/styles/app_components.css
View File

@ -180,6 +180,16 @@ input::placeholder {
background-color: var(--color-background-zulip-button-hover);
}
&:focus {
/* Maintain no outline for pointer focus. */
outline: 0;
}
&:focus-visible {
/* Set Zulip outline style with keyboard/assistive focus. */
outline: 2px solid var(--color-outline-focus);
}
&:active {
color: inherit;
background-color: var(--color-background-zulip-button-active);