From 049e4c8b07a714367202621df9598dcc8b530e16 Mon Sep 17 00:00:00 2001
From: Arkerthan <arkerthan@gmail.com>
Date: Tue, 4 May 2021 11:04:04 +0200
Subject: [PATCH] Replace hasTooltip with tippyjs
---
css/gui/tooltips/hasTooltip.css | 5 -----
src/npc/surgery/organFarm.js | 11 +++++------
2 files changed, 5 insertions(+), 11 deletions(-)
diff --git a/css/gui/tooltips/hasTooltip.css b/css/gui/tooltips/hasTooltip.css
index 1eaca7af0ac..d5eafa88bc6 100644
--- a/css/gui/tooltips/hasTooltip.css
+++ b/css/gui/tooltips/hasTooltip.css
@@ -1,8 +1,3 @@
-/* TODO unify tooltip systems */
-.hasTooltip {
- text-decoration: underline;
-}
-
/* interactable tooltip-like container - created/destroyed dynamically */
.details-overlay {
display: inline-block;
diff --git a/src/npc/surgery/organFarm.js b/src/npc/surgery/organFarm.js
index 02d5d02b20d..eb8a281c955 100644
--- a/src/npc/surgery/organFarm.js
+++ b/src/npc/surgery/organFarm.js
@@ -148,10 +148,9 @@ App.Medicine.OrganFarm.implantActions = function(slave) {
[],
"Surgery Degradation"
);
- const tooltip = action.tooltip === "" ? "" : `${capFirstChar(action.tooltip)}.`;
- if (tooltip !== "") {
- link.title = tooltip;
- link.classList.add("hasTooltip");
+ if (action.tooltip !== "") {
+ link.classList.add("has-tooltip");
+ tippy(link, {content: `${capFirstChar(action.tooltip)}.`});
}
links.push(link);
if (!F.Organs.get(organ.type).displayMultipleActions) {
@@ -162,8 +161,8 @@ App.Medicine.OrganFarm.implantActions = function(slave) {
if (error !== "") {
const disabledLink = document.createElement("span");
disabledLink.append(action.name);
- disabledLink.title = (error);
- disabledLink.classList.add("hasTooltip");
+ disabledLink.classList.add("has-tooltip");
+ tippy(disabledLink, {content: error});
links.push(disabledLink);
}
}
--
GitLab