Hiding categories that have no links

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%;

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";
+            }
+        }
     }
 }