glitch: quick status hover hack

2022-11-06 13:32:33 -08:00
1 changed files with 21 additions and 16 deletions
--- a/app/javascript/flavours/glitch/styles/components/status.scss
+++ b/app/javascript/flavours/glitch/styles/components/status.scss
@ -285,8 +285,8 @@
  }
 }
-.focusable {
+
-  &:focus {
+@mixin focusable {
  outline: 0;
  background: lighten($ui-base-color, 4%);
@ -303,6 +303,11 @@
    background: lighten($ui-base-color, 8%);
  }
 }
 .focusable {
  &:focus,
  &:hover {
    @include focusable;
  }
 }
 .status {