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 {