Fix styling on Safari

This commit is contained in:
Tusooa Zhu 2022-01-19 21:18:02 -05:00 committed by HJ
commit 11672bc490
6 changed files with 57 additions and 28 deletions

View file

@ -74,6 +74,7 @@
<style lang="scss">
@import '../../_variables.scss';
@import '../../_mixins.scss';
.ReactButton {
.reaction-picker-filter {
@ -141,12 +142,13 @@
color: var(--text, $fallback--text);
}
.focus-marker,
&:focus:not(:focus-visible):not(:hover) .focus-marker {
visibility: hidden;
@include unfocused-style {
.focus-marker {
visibility: hidden;
}
}
&:hover, &:focus, &:focus-visible {
@include focused-style {
.focus-marker {
visibility: visible;
}