Merge branch 'master' into sophie-ai-images

1 files changed, 38 insertions, 1 deletions

diff --git a/src/client/views/nodes/DataVizBox/DataVizBox.scss b/src/client/views/nodes/DataVizBox/DataVizBox.scss
index 430446c06..a3132dc6e 100644
--- a/src/client/views/nodes/DataVizBox/DataVizBox.scss
+++ b/src/client/views/nodes/DataVizBox/DataVizBox.scss
@@ -1,4 +1,4 @@
-.dataviz {
+.dataViz-box {
     overflow: auto;
     height: 100%;
     width: 100%;
@@ -7,9 +7,46 @@
         display: flex;
         flex-direction: row;
     }
+
+    .dataviz-overlayButton-sidebar {
+        background: #121721;
+        height: 25px;
+        width: 25px;
+        right: 5px;
+        display: flex;
+        position: absolute;
+        align-items: center;
+        justify-content: center;
+        border-radius: 3px;
+        pointer-events: all;
+        z-index: 1; // so it appears on top of the document's title, if shown
+
+        // box-shadow: $standard-box-shadow;
+        // transition: 0.2s;
+
+        &:hover {
+            filter: brightness(0.85);
+        }
+    }
+
+    .dataviz-sidebar {
+        position: absolute;
+        right: 0;
+        top: 0;
+        height: 100%;
+    }
     .button-container {
         pointer-events: unset;
     }
+
+    .dataVizBox-annotationLayer{
+        position: absolute;
+        transform-origin: left top;
+        top: 0;
+        width: 100%;
+        pointer-events: none;
+        mix-blend-mode: multiply;
+    }
 }
 .start-message {
     margin: 10px;