wildtail/multi-account-containers
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added functions and cosmetic changes

Browse Source
This commit is contained in:
shivangikakkar
2019-01-11 09:25:00 +09:00
parent db0dba66b2
commit 6d7086d541
2 changed files with 14 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/js/popup.js
+11 -11
View File
@@ -784,21 +784,21 @@ Logic.registerPanel(P_CONTAINER_INFO, {
// On click, we activate this tab. But only if this tab is active.
if (!tab.hiddenState) {
const closeImage = document.createElement("img");
closeImage.src="/img/container-close-tab.svg";
closeImage.src = "/img/container-close-tab.svg";
closeImage.className = "container-close-tab";
closeImage.title="Close tab";
closeImage.title = "Close tab";
closeImage.id = tab.id;
tr.querySelector(".container-info-tab-title").appendChild(closeImage);
const tabTitle = tr.querySelector(".container-info-tab-title");
tabTitle.appendChild(closeImage);
// On hover, we add truncate-text class to add close-tab-image after tab title truncates
tr.addEventListener("mouseover", () => {
tr.querySelector(".container-info-tab-title").classList.remove("truncate-text");
tr.querySelector(".container-tab-title").classList.add("truncate-text");
});
tr.addEventListener("mouseout", () => {
tr.querySelector(".container-info-tab-title").classList.add("truncate-text");
tr.querySelector(".container-tab-title").classList.remove("truncate-text");
});
const tabTitleHoverEvent = () => {
tabTitle.classList.toggle("truncate-text");
tr.querySelector(".container-tab-title").classList.toggle("truncate-text");
};
tr.addEventListener("mouseover", tabTitleHoverEvent);
tr.addEventListener("mouseout", tabTitleHoverEvent);
tr.classList.add("clickable");
Logic.addEnterHandler(tr, async function () {