diff --git a/display/display.css b/display/display.css index 73cfe6371008a6624c64680f3955c43a09ea785c..e5f5f68d2a3670e21a556b6c2acd2c4b1769d5d3 100644 --- a/display/display.css +++ b/display/display.css @@ -276,12 +276,12 @@ } .collapsible { - background-color: #eee; + background-color: #ffffff; color: #444; cursor: pointer; padding: 9px; width: 100%; - border: 1px solid grey; + border: 1px solid black; text-align: left; outline: none; font-size: 15px; @@ -297,7 +297,7 @@ padding: 0 18px; display: none; overflow: hidden; - background-color: #f1f1f1; + background-color: #ffffff; flex-direction: column; } @@ -305,8 +305,9 @@ padding: 0 18px; display: none; overflow: hidden; - background-color: #494949; + background-color: #000000; flex-direction: row; + overflow-x: auto; } .category-div { diff --git a/display/overlays/neighbors.js b/display/overlays/neighbors.js index d4fe0551b8996065121160b95518015a31027b22..aeb26cfd77f36e2fcfe0df6d60722293a1591c6a 100644 --- a/display/overlays/neighbors.js +++ b/display/overlays/neighbors.js @@ -36,7 +36,7 @@ class NodeNeighborOverlay { bottomContainerDiv ); coll.className = "collapsible"; - coll.innerText = "Nachbarn"; + coll.innerText = "Verwandte Inhalte"; // TODO: Scrolling wheel for content var contentTabs = Helpers.createDiv( "neighbor-content-tabs", @@ -64,7 +64,9 @@ class NodeNeighborOverlay { ); collTab.className = "collapsible"; collTab.innerText = cls; - collTab.style.backgroundColor = color; + //collTab.style.backgroundColor = color; + collTab.style.borderLeftColor = color; + collTab.style.borderLeftWidth = "12px"; collTab.type = cls; this.tabNavHandles[cls] = collTab; @@ -132,7 +134,6 @@ class NodeNeighborOverlay { * @param node */ updateTabs(node) { - //TODO: Hide all categories that do not have any links this.clearTabContentPages(); if(this.contentTab.style.display === "flex") { this.contentTab.style.display = "none";