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 @@
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;
......
......@@ -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";
......
......@@ -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);
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment