From 9724b19cd2b61dc960be853e931e5368883fb3e6 Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Tue, 14 Jan 2025 02:12:26 +0200
Subject: [PATCH] style(next): add visual cues for the input action buttons
 when focused via keyboard

---
 src/public/stylesheets/theme-next/forms.css | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/public/stylesheets/theme-next/forms.css b/src/public/stylesheets/theme-next/forms.css
index 7ac9d0e1a..163b934fe 100644
--- a/src/public/stylesheets/theme-next/forms.css
+++ b/src/public/stylesheets/theme-next/forms.css
@@ -106,6 +106,13 @@ input::selection,
     --muted-text-color: var(--input-action-button-hover);
 }
 
+.input-group button:focus-visible,
+.input-group a:focus-visible {
+    outline: transparent;
+    border: transparent;
+    text-shadow: 0 0 3px var(--input-action-button-hover);
+}
+
 .input-group a.disabled {
     opacity: .5;
     /* Workaround to set the "background" property. */