From db94c13bc15591ac7851313a0d40fcccc4ec1015 Mon Sep 17 00:00:00 2001
From: vas3k <me@vas3k.ru>
Date: Mon, 6 Jan 2020 22:11:50 +0100
Subject: [PATCH] Hide tooltip after any click

---
 static/css/components.css |  2 ++
 static/js/main.js         | 12 ++++++++++++
 2 files changed, 14 insertions(+)

diff --git a/static/css/components.css b/static/css/components.css
index b99adb6..d4ab8c8 100644
--- a/static/css/components.css
+++ b/static/css/components.css
@@ -262,6 +262,7 @@
         color: var(--opposite-text-color) !important;
         z-index: 999;
         text-decoration: none;
+        max-width: 100%;
     }
 
         .article:hover > .article-tooltip {
@@ -285,6 +286,7 @@
             font-weight: normal;
             font-size: 70%;
             margin-top: 10px;
+            overflow: hidden;
         }
 
         .article-tooltip-info {
diff --git a/static/js/main.js b/static/js/main.js
index 03a9ce5..a10e987 100644
--- a/static/js/main.js
+++ b/static/js/main.js
@@ -19,4 +19,16 @@ function initializeThemeSwitcher() {
     }
 }
 
+function hideTooltipOnAnyClick() {
+    document.body.addEventListener("click", function(e) {
+        const visibleTooltips = document.querySelectorAll(".article-tooltip");
+        for (let i = 0; i < visibleTooltips.length; i++) {
+            if (visibleTooltips[i].style.display !== "none") {
+                visibleTooltips[i].style.display = "none";
+            }
+        }
+    }, true);
+}
+
 initializeThemeSwitcher();
+hideTooltipOnAnyClick();