Merge branch 'main' into rtViz

app/src/styles/pages/realTimeViz.scss

@@ -61,7 +61,7 @@
     border-radius: 8px;
     max-width: 80%;
     overflow: auto;
-    // max-width: calc(100% - 450px);
+    max-width: calc(100% - 500px);
 
     &::-webkit-scrollbar {
       display: none;
@@ -166,14 +166,16 @@
 
   .panel {
     position: absolute;
-    background: white;
+    background: var(--background-color);
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
     transition: all 0.3s ease;
     border-radius: 6px;
-    overflow: visible !important;
+    overflow: auto;
     z-index: $z-index-tools;
     overflow: auto;
-
+    &::-webkit-scrollbar {
+      display: none;
+    }
     .panel-content {
       position: relative;
       height: 100%;
@@ -319,6 +321,7 @@
       right: 0;
       top: 0;
       bottom: 0;
+
     }
   }
 
@@ -715,6 +718,13 @@
   z-index: 2 !important;
 }
 
+.connectionSuccess {
+  outline-color: #43C06D;
+}
+
+.connectionFails {
+  outline-color: #ffe3e0;
+}
 
 
 .editWidgetOptions {