From 5de7eec2cada314772f17fd42a405a7a1aedde73 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Wed, 11 Oct 2023 19:13:02 +0800
Subject: [PATCH] Only show hover styles for tab bar when has hover

The hover delays the tap a little
---
 src/components/shortcuts.css | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/shortcuts.css b/src/components/shortcuts.css
index 211031f6..a0e88160 100644
--- a/src/components/shortcuts.css
+++ b/src/components/shortcuts.css
@@ -99,8 +99,10 @@
   text-shadow: 0 var(--hairline-width) var(--bg-color);
   width: 100%;
 
-  &:is(:hover, :focus) {
-    color: var(--text-color);
+  @media (hover: hover) {
+    &:is(:hover, :focus) {
+      color: var(--text-color);
+    }
   }
 }
 #shortcuts .tab-bar li a:active {