diff --git a/display/display.css b/display/display.css index 2dce95787e572db903a7cf182f10573e1691728e..24ac4fec383438135663b4ab3b42b4a08a98a2f0 100644 --- a/display/display.css +++ b/display/display.css @@ -309,3 +309,13 @@ flex-direction: column; overflow-x: auto; } + +.link-neighbor { + cursor: pointer; + margin: 2px; + font-size: 14px; +} + +.activation-hover, .link-neighbor:hover { + background-color: #ccc; +} diff --git a/display/overlays/neighbors.js b/display/overlays/neighbors.js index 0c99aa1e926ec014132e695cd6e77ef59b550582..ef23b98a50661afbb0dbea79d6c0f3fcb8a01186 100644 --- a/display/overlays/neighbors.js +++ b/display/overlays/neighbors.js @@ -38,7 +38,9 @@ class NodeNeighborOverlay { coll.className = "collapsible"; coll.innerText = "Verwandte Inhalte"; coll.style.display = "flex"; - coll.style.textDecoration = "underline black"; + coll.style.fontWeight = "bold"; + coll.style.textAlign = "center"; + coll.style.fontSize = "20px"; // Div that displays the information about all the chapters var contentTabs = Helpers.createDiv( @@ -110,9 +112,8 @@ class NodeNeighborOverlay { createReference(target) { const linkDiv = document.createElement("div"); var linkText = document.createTextNode("- " + target.name); + linkDiv.className = "link-neighbor"; linkDiv.appendChild(linkText); - linkDiv.style.margin = "2px"; - linkDiv.style.cursor = "pointer"; jQuery(linkDiv).on("click", () => { this.graph.focusOnNode(target); this.infoOverlay.updateInfoOverlay(target);