From ebfd05be3d091cc303edad32824eac1623626d8f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Zoe=CC=88=20Bijl?= <code@moiety.me>
Date: Tue, 7 Oct 2025 17:25:49 +0200
Subject: [PATCH] =?UTF-8?q?[bugfix]=20remove=20=E2=80=9Csticky=E2=80=9D=20?=
 =?UTF-8?q?background=20on=20focus?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../flavours/glitch/styles/components/misc.scss      | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/app/javascript/flavours/glitch/styles/components/misc.scss b/app/javascript/flavours/glitch/styles/components/misc.scss
index 526209617..bbe8ffef8 100644
--- a/app/javascript/flavours/glitch/styles/components/misc.scss
+++ b/app/javascript/flavours/glitch/styles/components/misc.scss
@@ -168,14 +168,14 @@
 
   &:hover,
   &:active,
-  &:focus {
+  &:focus-visible {
     color: lighten($action-button-color, 7%);
     background-color: rgba($action-button-color, 0.15);
     transition: all 200ms ease-out;
     transition-property: background-color, color;
   }
 
-  &:focus {
+  &:focus-visible {
     background-color: rgba($action-button-color, 0.3);
   }
 
@@ -213,12 +213,12 @@
 
     &:hover,
     &:active,
-    &:focus {
+    &:focus-visible {
       color: darken($lighter-text-color, 7%);
       background-color: rgba($lighter-text-color, 0.15);
     }
 
-    &:focus {
+    &:focus-visible {
       background-color: rgba($lighter-text-color, 0.3);
     }
 
@@ -288,14 +288,14 @@
 
   &:hover,
   &:active,
-  &:focus {
+  &:focus-visible {
     color: darken($lighter-text-color, 7%);
     background-color: rgba($lighter-text-color, 0.15);
     transition: all 200ms ease-out;
     transition-property: background-color, color;
   }
 
-  &:focus {
+  &:focus-visible {
     background-color: rgba($lighter-text-color, 0.3);
   }