Skip to content
Snippets Groups Projects
Commit c4b3d738 authored by Harm Kube's avatar Harm Kube
Browse files

Added some TODO's and first styling ideas for category marker

parent 5e551d2f
No related branches found
No related tags found
No related merge requests found
Pipeline #52891 passed
......@@ -279,9 +279,9 @@
background-color: #eee;
color: #444;
cursor: pointer;
padding: 18px;
padding: 9px;
width: 100%;
border: none;
border: 1px solid grey;
text-align: left;
outline: none;
font-size: 15px;
......@@ -305,6 +305,20 @@
padding: 0 18px;
display: none;
overflow: hidden;
background-color: #f1f1f1;
background-color: #000000;
flex-direction: row;
}
.category-div {
padding: 0;
background-color: #000000;
color: #444;
cursor: pointer;
width: 5%;
height: 100%;
border: none;
outline: none;
float: left;
display: flex;
flex-direction: column;
}
\ No newline at end of file
......@@ -37,6 +37,7 @@ class NodeNeighborOverlay {
);
coll.className = "collapsible";
coll.innerText = "Nachbarn";
// TODO: Scrolling wheel for content
var contentTabs = Helpers.createDiv(
"neighbor-content-tabs",
bottomContainerDiv
......@@ -55,6 +56,8 @@ class NodeNeighborOverlay {
: this.graph.nodeColors;
// TODO: Colors only fill little part of div
for (const [cls, color] of Object.entries(colors)) {
const collTab = Helpers.createDiv(
"button",
contentTabs
......@@ -64,6 +67,8 @@ class NodeNeighborOverlay {
collTab.style.backgroundColor = color;
collTab.type = cls;
this.tabNavHandles[cls] = collTab;
const collTabContent = Helpers.createDiv(
"neighbor-content-links",
contentTabs
......@@ -126,6 +131,7 @@ 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";
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment