From 256c50178d231fe7b9d4e2cc46b6c8f2846efe64 Mon Sep 17 00:00:00 2001
From: Arkerthan <arkerthan@mailbox.org>
Date: Wed, 22 Feb 2023 15:08:13 +0100
Subject: [PATCH] fix links with tooltips break when links wrap lines
---
css/gui/tooltips/tippy.css | 8 ++++++++
src/js/utilsDOM.js | 1 +
2 files changed, 9 insertions(+)
diff --git a/css/gui/tooltips/tippy.css b/css/gui/tooltips/tippy.css
index 0025e60e050..666b8594886 100644
--- a/css/gui/tooltips/tippy.css
+++ b/css/gui/tooltips/tippy.css
@@ -3,6 +3,14 @@
white-space: nowrap;
}
+/* Fix links */
+a.has-tooltip {
+ text-decoration: none;
+}
+a.has-tooltip:hover {
+ text-decoration: underline;
+}
+
.tippy-content {
text-indent: initial;
font-weight: initial;
diff --git a/src/js/utilsDOM.js b/src/js/utilsDOM.js
index 9c8b0a10ab3..27dc32ec846 100644
--- a/src/js/utilsDOM.js
+++ b/src/js/utilsDOM.js
@@ -87,6 +87,7 @@ App.UI.DOM.link = function(linkText, handler, args = [], passage = "", tooltip =
};
if (tooltip) {
+ link.classList.add("has-tooltip");
tippy(link, {
content: tooltip,
});
--
GitLab