[Glitch] fix: Improve status focus indicators
Port fb5b8ae0a5ef77f68f6ebbf211fdb4842111b8b0 to glitch-soc Signed-off-by: Claire <claire.github-309c@sitedethib.com>
This commit is contained in:
parent
97d3dac4b6
commit
c9f17899a6
@ -1469,9 +1469,10 @@ body > [data-popper-placement] {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.focusable {
|
.focusable {
|
||||||
&:focus {
|
&:focus-visible {
|
||||||
outline: 0;
|
outline: 0;
|
||||||
background: rgba($ui-highlight-color, 0.05);
|
background: rgba($ui-highlight-color, 0.05);
|
||||||
|
box-shadow: inset 0 0 0 2px $ui-button-focus-outline-color;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -1881,7 +1882,7 @@ body > [data-popper-placement] {
|
|||||||
background: color.mix($ui-base-color, $ui-highlight-color, 95%);
|
background: color.mix($ui-base-color, $ui-highlight-color, 95%);
|
||||||
}
|
}
|
||||||
|
|
||||||
&:focus {
|
&:focus-visible {
|
||||||
.detailed-status,
|
.detailed-status,
|
||||||
.detailed-status__action-bar {
|
.detailed-status__action-bar {
|
||||||
background: color.mix(
|
background: color.mix(
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user