diff --git a/display/display.css b/display/display.css index e5f5f68d2a3670e21a556b6c2acd2c4b1769d5d3..1c8ece4dc92fbb7ed9c7a4a9e9fce8e00ce105d9 100644 --- a/display/display.css +++ b/display/display.css @@ -309,17 +309,3 @@ flex-direction: row; overflow-x: auto; } - -.category-div { - padding: 0; - background-color: #5d5a5a; - color: #444; - cursor: pointer; - width: 5%; - height: 100%; - border: none; - outline: none; - float: left; - display: flex; - flex-direction: column; -} \ No newline at end of file diff --git a/display/overlays/neighbors.js b/display/overlays/neighbors.js index aeb26cfd77f36e2fcfe0df6d60722293a1591c6a..55cb627bb86b7168b98d7f2d8c7e83e46bac9328 100644 --- a/display/overlays/neighbors.js +++ b/display/overlays/neighbors.js @@ -37,7 +37,6 @@ class NodeNeighborOverlay { ); coll.className = "collapsible"; coll.innerText = "Verwandte Inhalte"; - // TODO: Scrolling wheel for content var contentTabs = Helpers.createDiv( "neighbor-content-tabs", bottomContainerDiv @@ -54,7 +53,6 @@ class NodeNeighborOverlay { this.type === "link" ? this.graph.edgeColors : this.graph.nodeColors; - // TODO: Colors only fill little part of div for (const [cls, color] of Object.entries(colors)) { @@ -64,7 +62,6 @@ class NodeNeighborOverlay { ); collTab.className = "collapsible"; collTab.innerText = cls; - //collTab.style.backgroundColor = color; collTab.style.borderLeftColor = color; collTab.style.borderLeftWidth = "12px"; collTab.type = cls; @@ -88,7 +85,8 @@ class NodeNeighborOverlay { } /** - * Clears the images from all tab content pages. + * Clears the images from all tab content pages and makes the object + * invisible. */ clearTabContentPages() { for (const page of Object.values(this.tabContentPages)) { @@ -151,6 +149,10 @@ class NodeNeighborOverlay { this.hideContentPages(); } + /** + * Hides all the categories of a node that are not represented by a link + * to another neighbor. + */ hideContentPages () { for (const page of Object.values(this.tabContentPages)) { if(!page.hasChildNodes()) {