[PS-1303] Desktop/browser: tweak `.box-header-expandable` styles (#3308)
* 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:
parent
da9dca6dd6
commit
b1a47b85b5
|
@ -33,7 +33,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover,
|
&:hover,
|
||||||
&:focus,
|
&:focus-visible,
|
||||||
&.active {
|
&.active {
|
||||||
@include themify($themes) {
|
@include themify($themes) {
|
||||||
background-color: themed("boxBackgroundHoverColor");
|
background-color: themed("boxBackgroundHoverColor");
|
||||||
|
|
|
@ -48,7 +48,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover,
|
&:hover,
|
||||||
&:focus,
|
&:focus-visible,
|
||||||
&.active {
|
&.active {
|
||||||
@include themify($themes) {
|
@include themify($themes) {
|
||||||
background-color: themed("boxBackgroundHoverColor");
|
background-color: themed("boxBackgroundHoverColor");
|
||||||
|
@ -77,6 +77,10 @@
|
||||||
|
|
||||||
&.box-content-padded {
|
&.box-content-padded {
|
||||||
padding: 10px 15px;
|
padding: 10px 15px;
|
||||||
|
|
||||||
|
.box-header-expandable[aria-expanded="true"] {
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&.condensed .box-content-row,
|
&.condensed .box-content-row,
|
||||||
|
|
Loading…
Reference in New Issue