From f89bbcbf7c8195a92d8dedd9a8eca3af4234f59e Mon Sep 17 00:00:00 2001
From: Harm Kube <h.kube@tu-braunschweig.de>
Date: Tue, 25 Jan 2022 16:00:29 +0100
Subject: [PATCH] Hover animation for links and some styling
---
display/display.css | 10 ++++++++++
display/overlays/neighbors.js | 7 ++++---
2 files changed, 14 insertions(+), 3 deletions(-)
diff --git a/display/display.css b/display/display.css
index 2dce957..24ac4fe 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 0c99aa1..ef23b98 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);
--
GitLab