diff --git a/src/js/mozillaVpn.js b/src/js/mozillaVpn.js index 941e148..16708c8 100644 --- a/src/js/mozillaVpn.js +++ b/src/js/mozillaVpn.js @@ -34,11 +34,8 @@ const MozillaVPN = { } if (!mozillaVpnConnected && proxy.mozProxyEnabled) { flag.classList.add("proxy-unavailable"); - const tooltip = el.querySelector(".tooltip.proxy-unavailable"); - if (tooltip) { - tooltip.textContent = tooltipProxyWarning; - } const menuItemName = el.querySelector(".menu-item-name"); + menuItemName.setAttribute("title", tooltipProxyWarning); if (menuItemName) { el.querySelector(".menu-item-name").dataset.mozProxyWarning = "proxy-unavailable"; } @@ -68,14 +65,11 @@ const MozillaVPN = { const mozillaVpnConnected = await browser.runtime.sendMessage({ method: "MozillaVPN_getConnectionStatus" }); const connectionStatusStringId = mozillaVpnConnected ? "moz-vpn-connected" : "moz-vpn-disconnected"; const connectionStatusLocalizedString = browser.i18n.getMessage(connectionStatusStringId); + const connectionStatusTooltip = document.querySelector(".vpn-status-container-list"); + connectionStatusTooltip.setAttribute("title", connectionStatusLocalizedString); statusIconEls.forEach(el => { el.style.backgroundImage = mozillaVpnConnected ? connectedIndicatorSrc : disconnectedIndicatorSrc; - if (el.querySelector(".tooltip")) { - el.querySelector(".tooltip").textContent = connectionStatusLocalizedString; - } else { - el.textContent = connectionStatusLocalizedString; - } }); }, diff --git a/src/js/popup.js b/src/js/popup.js index c10242f..c52fe50 100644 --- a/src/js/popup.js +++ b/src/js/popup.js @@ -789,7 +789,6 @@ Logic.registerPanel(P_CONTAINERS_LIST, { ${identity.name} - diff --git a/src/popup.html b/src/popup.html index 9725d0d..10f0f33 100644 --- a/src/popup.html +++ b/src/popup.html @@ -154,7 +154,6 @@