Upstream/bitwarden-browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser.git synced 2024-12-22 16:29:09 +01:00
Code Issues Projects Releases Wiki Activity

[PS-1303] Desktop/browser: tweak .box-header-expandable styles (#3308)

Browse Source 
* Add extra margin for desktop settings expanded header buttons

* Only change box-header-expandable background on `:focus-visible` not `:focus`

Avoids having the background colour "stick" when clicking with the mouse until you click somewhere else
This commit is contained in:
Patrick H. Lauke 2022-08-16 20:05:31 +01:00 committed by GitHub
parent da9dca6dd6
commit b1a47b85b5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/browser/src/popup/scss/box.scss
View File

@ -33,7 +33,7 @@
}
&:hover,
&:focus,
&:focus-visible,
&.active {
@include themify($themes) {
background-color: themed("boxBackgroundHoverColor");

6
apps/desktop/src/scss/box.scss
View File

@ -48,7 +48,7 @@
}
&:hover,
&:focus,
&:focus-visible,
&.active {
@include themify($themes) {
background-color: themed("boxBackgroundHoverColor");
@ -77,6 +77,10 @@
&.box-content-padded {
padding: 10px 15px;
.box-header-expandable[aria-expanded="true"] {
margin-bottom: 1rem;
}
}
&.condensed .box-content-row,