From 7145c20136507cfecba48cdb48235cfd6d5cab44 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Thu, 19 Oct 2023 10:13:26 +0800
Subject: [PATCH] Fix wonky filter bar button transitions

---
 src/app.css | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/app.css b/src/app.css
index fcf4b0cd..92cc9957 100644
--- a/src/app.css
+++ b/src/app.css
@@ -2133,14 +2133,19 @@ ul.link-list li a .icon {
   text-decoration: none;
   white-space: nowrap;
   border: 2px solid transparent;
-  transition: all 0.3s ease-out;
+  transition: border-color 0.3s ease-out;
   display: inline-flex;
   align-items: center;
   gap: 8px;
 }
-.filter-bar > a:is(:hover, :focus) {
+.filter-bar > a:focus-visible {
   border-color: var(--link-light-color);
 }
+@media (hover: hover) {
+  .filter-bar > a:hover {
+    border-color: var(--link-light-color);
+  }
+}
 .filter-bar > a > * {
   vertical-align: middle;
 }