diff options
| author | Tusooa Zhu <tusooa@kazv.moe> | 2022-01-19 21:18:02 -0500 |
|---|---|---|
| committer | HJ <30-hj@users.noreply.git.pleroma.social> | 2022-08-22 20:28:52 +0000 |
| commit | 11672bc4907d41706ad164f1ca3c485f034061c1 (patch) | |
| tree | 3e6fc36a30a6b734074ee51b7bcd6f530e92e7ef /src/components/extra_buttons | |
| parent | 97951fccfdce726c350ab633acc45213d675adb9 (diff) | |
Fix styling on Safari
Diffstat (limited to 'src/components/extra_buttons')
| -rw-r--r-- | src/components/extra_buttons/extra_buttons.vue | 10 |
1 files changed, 6 insertions, 4 deletions
diff --git a/src/components/extra_buttons/extra_buttons.vue b/src/components/extra_buttons/extra_buttons.vue index d15e3102..ae50c316 100644 --- a/src/components/extra_buttons/extra_buttons.vue +++ b/src/components/extra_buttons/extra_buttons.vue @@ -151,6 +151,7 @@ <style lang="scss"> @import '../../_variables.scss'; +@import '../../_mixins.scss'; .ExtraButtons { /* override of popover internal stuff */ @@ -168,12 +169,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; } |