From 1628d987b2bb59fafc38298c395a8efea3e9c386 Mon Sep 17 00:00:00 2001
From: Vlad Keliy <vekkele@gmail.com>
Date: Fri, 28 Aug 2026 09:17:27 +0300
Subject: [PATCH] fix(expl tooltip) Disable for touch devices

---
 src/lib/app.css | 44 +++++++++++++++++++++++---------------------
 1 file changed, 23 insertions(+), 21 deletions(-)

diff --git a/src/lib/app.css b/src/lib/app.css
index 329cebc23..ffbe78f6b 100644
--- a/src/lib/app.css
+++ b/src/lib/app.css
@@ -144,27 +144,29 @@ loading-spin,
   position: relative;
 }
 
-.expl-tooltip:hover::before {
-  position: absolute;
-  content: attr(aria-label);
-  font-size: 12px;
-  line-height: 16px;
-  background: #505573;
-  color: #fff;
-  border-radius: 4px;
-  padding: 5px 12px;
-  width: var(--expl-width, auto);
-  white-space: var(--expl-white-space, nowrap);
-  right: var(--expl-right);
-  left: var(--expl-left);
-  bottom: var(--expl-bottom);
-  top: var(--expl-position-y, -6px);
-  transform: translate(var(--expl-align-x, 0), var(--expl-align-y, -100%));
-  z-index: var(--expl-z-index, 30);
-}
-
-.expl-tooltip[aria-expanded='true']:hover::before {
-  display: none;
+@media (hover: hover) {
+  .expl-tooltip:hover::before {
+    position: absolute;
+    content: attr(aria-label);
+    font-size: 12px;
+    line-height: 16px;
+    background: #505573;
+    color: #fff;
+    border-radius: 4px;
+    padding: 5px 12px;
+    width: var(--expl-width, auto);
+    white-space: var(--expl-white-space, nowrap);
+    right: var(--expl-right);
+    left: var(--expl-left);
+    bottom: var(--expl-bottom);
+    top: var(--expl-position-y, -6px);
+    transform: translate(var(--expl-align-x, 0), var(--expl-align-y, -100%));
+    z-index: var(--expl-z-index, 30);
+  }
+
+  .expl-tooltip[aria-expanded='true']:hover::before {
+    display: none;
+  }
 }
 
 skeleton {