diff --git a/display/display.css b/display/display.css index 192afccdc90ea9debdd4ab404a10c079bd92a88a..9545f2bd72ed86bb8ae8c8ddf64cfe58777379f9 100644 --- a/display/display.css +++ b/display/display.css @@ -289,11 +289,11 @@ flex-direction: column; } -.active, .collapsible:hover { +.activation-hover, .collapsible:hover { background-color: #ccc; } -.content-tabs { +.neighbor-content-tabs { padding: 0 18px; display: none; overflow: hidden; @@ -301,7 +301,7 @@ flex-direction: column; } -.content-links { +.neighbor-content-links { padding: 0 18px; display: none; overflow: hidden; diff --git a/display/overlays/neighbors.js b/display/overlays/neighbors.js index 59b55d29713593cfb9daffadbcff17f9c3f2bb34..607821751457667e7e5dfc755b109a2136cb152b 100644 --- a/display/overlays/neighbors.js +++ b/display/overlays/neighbors.js @@ -38,7 +38,7 @@ class NodeNeighborOverlay { coll.className = "collapsible"; coll.innerText = "Nachbarn"; var contentTabs = Helpers.createDiv( - "content-tabs", + "neighbor-content-tabs", bottomContainerDiv ); this.contentTab = contentTabs; @@ -53,6 +53,7 @@ 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)) { const collTab = Helpers.createDiv( "button", @@ -64,7 +65,7 @@ class NodeNeighborOverlay { collTab.type = cls; this.tabNavHandles[cls] = collTab; const collTabContent = Helpers.createDiv( - "content-links", + "neighbor-content-links", contentTabs ); this.tabContentPages[cls] = collTabContent; @@ -82,7 +83,6 @@ class NodeNeighborOverlay { * Clears the images from all tab content pages. */ clearTabContentPages() { - //TODO: Clear all content of content containers for (const page of Object.values(this.tabContentPages)) { jQuery(page).empty(); if(page.style.display === "flex") {