From bf58b9c8d8b9fdd85248654ba481098b7425ed25 Mon Sep 17 00:00:00 2001
From: Harm Kube <h.kube@tu-braunschweig.de>
Date: Tue, 18 Jan 2022 20:45:07 +0100
Subject: [PATCH] More styling and scrolling wheel
---
display/display.css | 9 +++++----
display/overlays/neighbors.js | 7 ++++---
2 files changed, 9 insertions(+), 7 deletions(-)
diff --git a/display/display.css b/display/display.css
index 73cfe63..e5f5f68 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 d4fe055..aeb26cf 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";
--
GitLab