Merge branch 'alyssa-starter' of https://github.com/brown-dash/Dash-Web into alyssa-starter

1 files changed, 3 insertions, 3 deletions

diff --git a/src/client/views/nodes/ComparisonBox.scss b/src/client/views/nodes/ComparisonBox.scss
index 56a1e4fcc..da1d352f2 100644
--- a/src/client/views/nodes/ComparisonBox.scss
+++ b/src/client/views/nodes/ComparisonBox.scss
@@ -10,6 +10,7 @@
     pointer-events: none;
     display: flex;
     p {
+        // bcz: what is this styling for?  if text in the comparison box is colored, then this causes it to render with a black outline
         color: rgb(0, 0, 0);
         -webkit-text-stroke-color: black;
         -webkit-text-stroke-width: 0.2px;
@@ -142,7 +143,6 @@
         left: 0;
         height: 100%;
         overflow: hidden;
-        transition: 200ms;
 
         .beforeBox-cont {
             height: 100%;
@@ -156,7 +156,6 @@
         width: 3px;
         display: inline-block;
         background: white;
-        transition: 200ms;
 
         .slide-handle {
             position: absolute;
@@ -231,13 +230,14 @@
     }
 }
 
-.explain {
+.comparisonBox-explain {
     position: absolute;
     top: 10px;
     left: 10px;
     z-index: 200;
     // padding: 5px;
     background: #dfdfdf;
+    pointer-events: none;
 }
 
 .comparisonBox-interactive {