diff --git a/display/display.css b/display/display.css index 6e42f2bc1127aaeacd264e7e2db928d90330a2ac..73cfe6371008a6624c64680f3955c43a09ea785c 100644 --- a/display/display.css +++ b/display/display.css @@ -305,13 +305,13 @@ padding: 0 18px; display: none; overflow: hidden; - background-color: #000000; + background-color: #494949; flex-direction: row; } .category-div { padding: 0; - background-color: #000000; + background-color: #5d5a5a; color: #444; cursor: pointer; width: 5%; diff --git a/display/overlays/neighbors.js b/display/overlays/neighbors.js index b16804b816fb65d023cec99e222ae012e25cac12..d4fe0551b8996065121160b95518015a31027b22 100644 --- a/display/overlays/neighbors.js +++ b/display/overlays/neighbors.js @@ -73,6 +73,7 @@ class NodeNeighborOverlay { "neighbor-content-links", contentTabs ); + collTabContent.type = cls; this.tabContentPages[cls] = collTabContent; collTab.addEventListener("click", function() { if(collTabContent.style.display === "flex") { @@ -146,6 +147,17 @@ class NodeNeighborOverlay { this.tabContentPages[target.type].appendChild(reference); } } + this.hideContentPages(); + } + + hideContentPages () { + for (const page of Object.values(this.tabContentPages)) { + if(!page.hasChildNodes()) { + this.tabNavHandles[page.type].style.display = "none"; + } else { + this.tabNavHandles[page.type].style.display = "flex"; + } + } } }