bitwarden/browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser synced 2025-12-18 01:03:35 +00:00
Code Issues Releases Wiki Activity

Clearer keyboard focus on input elements (#780)

Browse Source 
* Add visible border/shadow if buttons have :focus

* Fix obscured outlines when elements have :focus
This commit is contained in:
Thomas Rittson
2021-01-25 06:24:09 +10:00
committed by GitHub
parent a7b7c716d4
commit bcd488bb87
2 changed files with 28 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/scss/styles.scss
View File

@@ -315,6 +315,16 @@ input[type="search"]::-webkit-search-cancel-button {
}
}
.btn-link {
&:focus,
&.focus {
outline-color: -webkit-focus-ring-color;
outline-offset: 1px;
outline-style: auto;
outline-width: 1px;
}
}
.btn-outline-secondary {
color: $text-muted;
@@ -325,6 +335,11 @@ input[type="search"]::-webkit-search-cancel-button {
&:disabled {
opacity: 1;
}
&:focus,
&.focus {
box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($primary), $primary, 15%), .5);
}
}
.btn-submit {
@@ -352,6 +367,17 @@ input[type="search"]::-webkit-search-cancel-button {
}
}
.list-group-item {
&:focus,
&.focus {
z-index: 100;
}
}
.fa-icon-above-input {
height: 1.5em;
}
.table.table-list {
thead th {
border-top: none;