diff --git a/display/display.css b/display/display.css index e7ebdd53f82867dacd67a28a23f500b1fe684eeb..d5bc9d370ba651f2bcf6677f293bb6d292baa3a4 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 62be196247ef6e52b0a659fe729478a6ef3e63a9..345397e3bdf4bda4cf0e92f93a4f673064124548 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 37b34c3509be102b2b38cd923972ac04b9bd247c..40c02e429c660808a6437fbd7d1b4ae5abce2737 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);