From d92c2f008defdf2c0e4956fc4a783ba373cbea72 Mon Sep 17 00:00:00 2001
From: luxick <git@luxick.de>
Date: Tue, 16 Jun 2026 18:27:42 +0200
Subject: [PATCH] No hover highlighting on mobile

---
 assets/style.css | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/assets/style.css b/assets/style.css
index f1a7338..696df8a 100644
--- a/assets/style.css
+++ b/assets/style.css
@@ -296,8 +296,13 @@ a.heading-anchor:hover { color: var(--primary-hover); }
 .data-table th,
 .data-table td { padding: 0.4rem var(--space-3); text-align: left; }
 .data-table:not(.data-table-grid) tbody tr + tr { border-top: var(--border); }
-.data-table:not(.data-table-grid) tbody tr:hover,
 .data-table tr.is-active { background: var(--bg-panel-hover); }
+/* Hover-highlight only on devices with a real pointer. On touch, a tap or
+   drag-scroll leaves an emulated :hover stuck on the last-touched row until
+   the next tap — distracting while scrolling a listing. */
+@media (hover: hover) {
+    .data-table:not(.data-table-grid) tbody tr:hover { background: var(--bg-panel-hover); }
+}
 .data-table tbody tr.is-empty,
 .data-table tbody tr.is-empty:hover {
     color: var(--text-muted);