diff --git a/src/ui/zabapgit_css_common.w3mi.data.css b/src/ui/zabapgit_css_common.w3mi.data.css index 7f3e113a5..6164f10e8 100644 --- a/src/ui/zabapgit_css_common.w3mi.data.css +++ b/src/ui/zabapgit_css_common.w3mi.data.css @@ -931,6 +931,10 @@ div.message-panel:hover .message-panel-commands { margin-left: -30px; } +.link-hint-i { + margin-left: -30px; +} + .link-hint .pending { color: hsla(0, 0%, 0%, 0.2); } /* Tooltip arrow */ diff --git a/src/ui/zabapgit_js_common.w3mi.data.js b/src/ui/zabapgit_js_common.w3mi.data.js index d014c9334..0acdb0764 100644 --- a/src/ui/zabapgit_js_common.w3mi.data.js +++ b/src/ui/zabapgit_js_common.w3mi.data.js @@ -1341,7 +1341,7 @@ LinkHints.prototype.getHintStartValue = function(targetsCount){ LinkHints.prototype.deployHintContainers = function() { - var hintTargets = document.querySelectorAll("a, input, textarea"); + var hintTargets = document.querySelectorAll("a, input, textarea, i"); var codeCounter = this.getHintStartValue(hintTargets.length); var hintsMap = { first: codeCounter }; @@ -1368,8 +1368,12 @@ LinkHints.prototype.deployHintContainers = function() { hint.container.classList.add("link-hint"); if (hint.parent.nodeName === "INPUT" || hint.parent.nodeName === "TEXTAREA"){ hint.container.classList.add("link-hint-input"); - } else { + } else if (hint.parent.nodeName === "A") { hint.container.classList.add("link-hint-a"); + } else if (hint.parent.nodeName === "I" && hint.parent.classList.contains("cursor-pointer")) { + hint.container.classList.add("link-hint-i"); + } else { + continue; } hint.container.classList.add("nodisplay"); // hide by default