bitwarden/browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser synced 2025-12-15 15:53:27 +00:00
Code Issues Releases Wiki Activity

Merge pull request #1990 from patrickhlauke/patrickhlauke-a11y-patch3

Browse Source 
A11y: use visually hidden styles rather than visibility, make visible on :focus as well
This commit is contained in:
Addison Beck
2021-10-01 09:28:22 -04:00
committed by GitHub
parent 812741219d c39636fe8a
commit 1f87a84b28
1 changed files with 11 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/popup/scss/pages.scss
View File

@@ -50,20 +50,24 @@ app-home {
color: themed('mutedColor'); color: themed('mutedColor');
} }
span { &:not(:hover):not(:focus) {
visibility: hidden; span {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
} }
&:hover { &:hover, &:focus {
text-decoration: none; text-decoration: none;
@include themify($themes) { @include themify($themes) {
color: themed('primaryColor'); color: themed('primaryColor');
} }
span {
visibility: visible;
}
} }
} }
} }