Skip to content
Snippets Groups Projects
Commit d908faf3 authored by Matthias Konitzny's avatar Matthias Konitzny :fire:
Browse files

Cleaned up old CSS classes.

Added fancy-scrollbar to the bottom-container
parent 1dbf55ec
No related branches found
No related tags found
No related merge requests found
...@@ -2,32 +2,17 @@ ...@@ -2,32 +2,17 @@
display: flex; display: flex;
} }
.detail-view-info-area::-webkit-scrollbar { .fancy-scrollbar::-webkit-scrollbar {
width: 6px; width: 6px;
background-color: #f5f5f5; 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); -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #f5f5f5; background-color: #f5f5f5;
} }
.detail-view-info-area::-webkit-scrollbar-thumb { .fancy-scrollbar::-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 {
background-color: darkgray; background-color: darkgray;
} }
...@@ -196,31 +181,7 @@ ...@@ -196,31 +181,7 @@
width: 78px; width: 78px;
} }
.bottom-container-tab-content { .neighbor-container {
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 {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
left: 0; left: 0;
......
...@@ -26,9 +26,10 @@ class NodeNeighborOverlay { ...@@ -26,9 +26,10 @@ class NodeNeighborOverlay {
*/ */
create() { create() {
const bottomContainerDiv = Helpers.createDiv( const bottomContainerDiv = Helpers.createDiv(
"bottom-container", "neighbor-container",
this.parentNode this.parentNode
); );
bottomContainerDiv.classList.add("fancy-scrollbar");
// Create the collapsible of the entire menu // Create the collapsible of the entire menu
const coll = Helpers.createDiv("button", bottomContainerDiv); const coll = Helpers.createDiv("button", bottomContainerDiv);
coll.className = "neighbor-collapsible-title"; coll.className = "neighbor-collapsible-title";
......
...@@ -59,6 +59,7 @@ class NodeInfoOverlay { ...@@ -59,6 +59,7 @@ class NodeInfoOverlay {
"detail-view-info-area", "detail-view-info-area",
overlayNode overlayNode
); );
infoArea.classList.add("fancy-scrollbar");
const topArea = Helpers.createDiv("detail-view-top-area", infoArea); const topArea = Helpers.createDiv("detail-view-top-area", infoArea);
......
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