From 6e068a55d7ef635bf0e4170c8c99e81029d9ea80 Mon Sep 17 00:00:00 2001 From: Matthias Konitzny <konitzny@ibr.cs.tu-bs.de> Date: Wed, 29 Sep 2021 18:39:31 +0200 Subject: [PATCH] Added text labels - may need a fit text variant in the future. --- display/overlays/neighbors.js | 7 +++++++ kg-style.css | 8 ++++++++ 2 files changed, 15 insertions(+) diff --git a/display/overlays/neighbors.js b/display/overlays/neighbors.js index 90d27cb..5eb729d 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 6ed2ff8..4945d4f 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 { -- GitLab