Hide tooltip after any click

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 {

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();