From d908faf3305798c03e3106be17cef9da3b048822 Mon Sep 17 00:00:00 2001
From: Matthias Konitzny <konitzny@ibr.cs.tu-bs.de>
Date: Tue, 1 Mar 2022 18:05:28 +0100
Subject: [PATCH] Cleaned up old CSS classes. Added fancy-scrollbar to the
bottom-container
---
display/display.css | 47 +++--------------------------------
display/overlays/neighbors.js | 3 ++-
display/overlays/nodeinfo.js | 1 +
3 files changed, 7 insertions(+), 44 deletions(-)
diff --git a/display/display.css b/display/display.css
index e7ebdd5..d5bc9d3 100644
--- a/display/display.css
+++ b/display/display.css
@@ -2,32 +2,17 @@
display: flex;
}
-.detail-view-info-area::-webkit-scrollbar {
+.fancy-scrollbar::-webkit-scrollbar {
width: 6px;
background-color: #f5f5f5;
}
-.detail-view-info-area::-webkit-scrollbar-track {
+.fancy-scrollbar::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #f5f5f5;
}
-.detail-view-info-area::-webkit-scrollbar-thumb {
- background-color: darkgray;
-}
-
-.bottom-container-tab-content::-webkit-scrollbar {
- width: 6px;
- height: 8px;
- background-color: #f5f5f5;
-}
-
-.bottom-container-tab-content::-webkit-scrollbar-track {
- -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
- background-color: #f5f5f5;
-}
-
-.bottom-container-tab-content::-webkit-scrollbar-thumb {
+.fancy-scrollbar::-webkit-scrollbar-thumb {
background-color: darkgray;
}
@@ -196,31 +181,7 @@
width: 78px;
}
-.bottom-container-tab-content {
- display: none;
- /*padding: 6px 0px;*/
- /*border-top: none;*/
- overflow-x: auto;
- /*height: 100px;*/
- height: 100%;
- width: 100%;
-}
-
-.active-tab-nav {
- color: black;
- font-weight: bold;
-}
-
-.active-tab-content {
- display: flex;
- align-items: center;
-}
-
-.hidden-tab {
- display: none;
-}
-
-.bottom-container {
+.neighbor-container {
position: absolute;
bottom: 0;
left: 0;
diff --git a/display/overlays/neighbors.js b/display/overlays/neighbors.js
index 62be196..345397e 100644
--- a/display/overlays/neighbors.js
+++ b/display/overlays/neighbors.js
@@ -26,9 +26,10 @@ class NodeNeighborOverlay {
*/
create() {
const bottomContainerDiv = Helpers.createDiv(
- "bottom-container",
+ "neighbor-container",
this.parentNode
);
+ bottomContainerDiv.classList.add("fancy-scrollbar");
// Create the collapsible of the entire menu
const coll = Helpers.createDiv("button", bottomContainerDiv);
coll.className = "neighbor-collapsible-title";
diff --git a/display/overlays/nodeinfo.js b/display/overlays/nodeinfo.js
index 37b34c3..40c02e4 100644
--- a/display/overlays/nodeinfo.js
+++ b/display/overlays/nodeinfo.js
@@ -59,6 +59,7 @@ class NodeInfoOverlay {
"detail-view-info-area",
overlayNode
);
+ infoArea.classList.add("fancy-scrollbar");
const topArea = Helpers.createDiv("detail-view-top-area", infoArea);
--
GitLab