From 5e551d2f4c73c4dd997a8040f284e72fc554fc22 Mon Sep 17 00:00:00 2001
From: Harm Kube <h.kube@tu-braunschweig.de>
Date: Sat, 15 Jan 2022 12:14:56 +0100
Subject: [PATCH] Better naming for css-classes
---
display/display.css | 6 +++---
display/overlays/neighbors.js | 6 +++---
2 files changed, 6 insertions(+), 6 deletions(-)
diff --git a/display/display.css b/display/display.css
index 192afcc..9545f2b 100644
--- a/display/display.css
+++ b/display/display.css
@@ -289,11 +289,11 @@
flex-direction: column;
}
-.active, .collapsible:hover {
+.activation-hover, .collapsible:hover {
background-color: #ccc;
}
-.content-tabs {
+.neighbor-content-tabs {
padding: 0 18px;
display: none;
overflow: hidden;
@@ -301,7 +301,7 @@
flex-direction: column;
}
-.content-links {
+.neighbor-content-links {
padding: 0 18px;
display: none;
overflow: hidden;
diff --git a/display/overlays/neighbors.js b/display/overlays/neighbors.js
index 59b55d2..6078217 100644
--- a/display/overlays/neighbors.js
+++ b/display/overlays/neighbors.js
@@ -38,7 +38,7 @@ class NodeNeighborOverlay {
coll.className = "collapsible";
coll.innerText = "Nachbarn";
var contentTabs = Helpers.createDiv(
- "content-tabs",
+ "neighbor-content-tabs",
bottomContainerDiv
);
this.contentTab = contentTabs;
@@ -53,6 +53,7 @@ class NodeNeighborOverlay {
this.type === "link"
? this.graph.edgeColors
: this.graph.nodeColors;
+ // TODO: Colors only fill little part of div
for (const [cls, color] of Object.entries(colors)) {
const collTab = Helpers.createDiv(
"button",
@@ -64,7 +65,7 @@ class NodeNeighborOverlay {
collTab.type = cls;
this.tabNavHandles[cls] = collTab;
const collTabContent = Helpers.createDiv(
- "content-links",
+ "neighbor-content-links",
contentTabs
);
this.tabContentPages[cls] = collTabContent;
@@ -82,7 +83,6 @@ class NodeNeighborOverlay {
* Clears the images from all tab content pages.
*/
clearTabContentPages() {
- //TODO: Clear all content of content containers
for (const page of Object.values(this.tabContentPages)) {
jQuery(page).empty();
if(page.style.display === "flex") {
--
GitLab