diff --git a/display/overlays/neighbors.js b/display/overlays/neighbors.js index 90d27cb245894686947d11431f8531ddc707c694..5eb729d64b40928f87bbe23f19e485ee3ffc9584 100644 --- a/display/overlays/neighbors.js +++ b/display/overlays/neighbors.js @@ -153,6 +153,13 @@ class NodeNeighborOverlay { linkDiv.appendChild(linkImage); } + if ("name" in target) { + Helpers.createHTMLElement("p", linkDiv, { + className: "bottom-container-link-text", + innerText: target.name, + }); + } + jQuery(linkDiv).on("click", () => { this.graph.focusOnNode(target); this.infoOverlay.updateInfoOverlay(target); diff --git a/kg-style.css b/kg-style.css index 6ed2ff89d37aa75b165acc15efa63004795fc34f..4945d4ff6e01c06a3ea0a7cb745c0b7ba1c3b916 100644 --- a/kg-style.css +++ b/kg-style.css @@ -195,6 +195,13 @@ display: block; } +.bottom-container-link-text { + font-size: 1vw; + /*font-size: 10px;*/ + font-weight: bold; + text-align: center; +} + .link-img { min-width: 70px; width: 70px; @@ -207,6 +214,7 @@ background-color: white; display: flex; align-items: center; + justify-content: center; } .bottom-container-nav-tab {