diff --git a/src/css/popup.css b/src/css/popup.css index af78306..12b7957 100644 --- a/src/css/popup.css +++ b/src/css/popup.css @@ -670,6 +670,26 @@ span ~ .panel-header-text { opacity: 0.3; } +.container-close-tab { + width:50%; + opacity: 0; +} + +.container-info-tab-row:hover .container-close-tab { + opacity: 0.5; +} +.container-info-tab-row .container-close-tab:hover { + opacity: 1; +} + +.container-info-tab-row:not(.clickable) .container-close-tab{ + opacity: 0; +} + +.container-info-tab-row:not(.clickable):hover .container-close-tab { + opacity: 0.5; +} + .container-info-has-tabs, .container-info-tab-row { align-items: center; diff --git a/src/img/container-close-tab.svg b/src/img/container-close-tab.svg new file mode 100644 index 0000000..a89606f --- /dev/null +++ b/src/img/container-close-tab.svg @@ -0,0 +1,10 @@ + + + diff --git a/src/js/popup.js b/src/js/popup.js index a9e3d26..1031e5c 100644 --- a/src/js/popup.js +++ b/src/js/popup.js @@ -769,6 +769,7 @@ Logic.registerPanel(P_CONTAINER_INFO, { }, buildInfoTable(tabs) { + const identity = Logic.currentIdentity(); // For each one, let's create a new line. const fragment = document.createDocumentFragment(); for (let tab of tabs) { // eslint-disable-line prefer-const @@ -777,9 +778,29 @@ Logic.registerPanel(P_CONTAINER_INFO, { tr.classList.add("container-info-tab-row"); tr.innerHTML = escaped`