Merge pull request #658 from ccnmtl/ERD-359

Only have calculated correlation; remove tick numbers

Author: ndittren

media/js/src/simulations/simulation1/simulationOne.jsx

@@ -248,8 +248,12 @@ export const SimulationOne = () => {
                                                 onChange={
                                                     handleYcorrelationChange} />
                                             <div className="scale-value">
-                                                <Katex tex={
-                                                    `${yCorrelation}`} />
+                                                {slope !== null && (
+                                                    <Katex tex={
+                                                        `${
+                                                            appRvalue.toFixed(3)
+                                                        }`} />
+                                                )}
                                             </div>
                                         </div>
                                         <div className="slider-range__scale">
@@ -288,8 +292,11 @@ export const SimulationOne = () => {
                                                 onChange={
                                                     handleXcorrelationChange} />
                                             <div className="scale-value">
-                                                <Katex tex={`${xCorrelation}`}
-                                                />
+                                                {slopes.length > 0 && (
+                                                    <Katex tex={`${
+                                                        appRvalue3d.toFixed(3)}`
+                                                    } />
+                                                )}
                                             </div>
                                         </div>
                                         <div className="slider-range__scale">

media/scss/_rangescale.scss

@@ -41,14 +41,6 @@
     }
     & .unit:nth-child(3) {
         border-right: 0;
-        height: 0.5rem;
-        &::after {
-            content: "-0.5";
-            position: absolute;
-            bottom: -1.25rem;
-            font: 0.75rem/1 sans-serif;
-            margin-left: -0.75rem;
-        }
     }
     & .unit:nth-child(4) {
         border-right: 0;
@@ -69,14 +61,6 @@
     }
     & .unit:nth-child(7) {
         border-right: 0;
-        height: 0.5rem;
-        &::after {
-            content: "0.5";
-            position: absolute;
-            bottom: -1.25rem;
-            font: 0.75rem/1 sans-serif;
-            margin-left: -0.5rem;
-        }
     }
     & .unit:nth-child(8) {
         border-right: 0;