From 77f8e7fcb3846a733baa6f7e8797710975fc7f70 Mon Sep 17 00:00:00 2001
From: Harm Kube <h.kube@tu-braunschweig.de>
Date: Sat, 29 Jan 2022 15:44:29 +0100
Subject: [PATCH] New marker div
---
display/display.css | 15 ++++++++++++++-
display/overlays/neighbors.js | 9 +++++++--
2 files changed, 21 insertions(+), 3 deletions(-)
diff --git a/display/display.css b/display/display.css
index 858a386..62c36dc 100644
--- a/display/display.css
+++ b/display/display.css
@@ -281,7 +281,10 @@
background-color: #ffffff;
color: #444;
cursor: pointer;
- padding: 9px;
+ padding-top: 9px;
+ padding-bottom: 9px;
+ padding-right: 9px;
+ padding-left: 0px;
width: 100%;
border: 2px solid white;
text-align: left;
@@ -289,6 +292,7 @@
font-size: 15px;
display: flex;
flex-direction: column;
+ position: relative;
}
.activation-hover, .collapsible:hover {
@@ -321,3 +325,12 @@
.activation-hover, .link-neighbor:hover {
background-color: #ccc;
}
+
+.marker-div {
+ position: absolute;
+ width: 100%;
+ height: 2px;
+ border: 1px solid red;
+ bottom: 0;
+ left: 0;
+}
diff --git a/display/overlays/neighbors.js b/display/overlays/neighbors.js
index ef23b98..46c755b 100644
--- a/display/overlays/neighbors.js
+++ b/display/overlays/neighbors.js
@@ -69,11 +69,16 @@ class NodeNeighborOverlay {
);
collTab.className = "collapsible";
collTab.innerText = cls;
- collTab.style.borderLeftColor = color;
- collTab.style.borderLeftWidth = "8px";
collTab.type = cls;
this.tabNavHandles[cls] = collTab;
+ const collTabMarker = Helpers.createDiv(
+ "marker-div",
+ collTab
+ );
+ collTabMarker.style.borderColor = color;
+ collTabMarker.style.backgroundColor = color;
+
// Content of the different tabs
const collTabContent = Helpers.createDiv(
"neighbor-content-links",
--
GitLab