Plotly: minor things: renaming and styling button; display axes in 2D…

… views (#318) * minor things: renaming and styling button; display axes in 2D views * plotly tab named properly
source-academy · Aug 25, 2024 · 1cffc78 · 1cffc78
1 parent d6baa34
commit 1cffc78
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 6 deletions.
diff --git a/src/bundles/nbody/index.ts b/src/bundles/nbody/index.ts
@@ -71,4 +71,3 @@ export { createState, getBodies } from './State';
 export { createBodyCenterTransformation, createCoMTransformation, createLambdaTransformation, createPinTransformation, createRotateTransformation, createTimedRotateTransformation } from './Transformation';
 export { createUniverse } from './Universe';
 export { addVectors, createVector, getX, getY, getZ, multiplyScalar, setX, setY, setZ, subVectors } from './Vector';
-
diff --git a/src/bundles/plotly/functions.ts b/src/bundles/plotly/functions.ts
@@ -325,9 +325,9 @@ export const draw_connected_2d = createPlotFunction(
     mode: 'lines'
   },
   {
-    xaxis: { visible: false },
+    xaxis: { visible: true },
     yaxis: {
-      visible: false,
+      visible: true,
       scaleanchor: 'x'
     }
   },

diff --git a/src/tabs/Painter/index.tsx b/src/tabs/Painter/index.tsx
@@ -60,7 +60,16 @@ class Painter extends React.Component<Props, State> {
             const divId = `plotDiv${id}`;
             return (
               <>
-                <div onClick={() => this.handleOpen(drawnPainter)}>Click here to open Modal</div>
+                <div onClick={() => this.handleOpen(drawnPainter)}
+                  style={{
+                    cursor: 'pointer',
+                    padding: '5px 10px',
+                    backgroundColor: '#474F5E',
+                    border: '1px solid #aaa',
+                    borderRadius: '4px',
+                    display: 'inline-block'
+                  }}
+                >Popout plot</div>
                 <div
                   id={divId}
                   ref={() => {

diff --git a/src/tabs/Plotly/index.tsx b/src/tabs/Plotly/index.tsx
@@ -60,7 +60,16 @@ class Plotly extends React.Component<Props, State> {
                 height: '80vh',
                 marginBottom: '5vh'
               }} key={divId}>
-                <div onClick={() => this.handleOpen(drawnPlot)}>Click here to open Modal</div>
+                <div onClick={() => this.handleOpen(drawnPlot)}
+                  style={{
+                    cursor: 'pointer',
+                    padding: '5px 10px',
+                    backgroundColor: '#474F5E',
+                    border: '1px solid #aaa',
+                    borderRadius: '4px',
+                    display: 'inline-block'
+                  }}
+                >Popout plot</div>
                 <div
                   id={divId}
                   style={{ height: '80vh' }}
@@ -85,6 +94,6 @@ export default {
     return drawnPlots.length > 0;
   },
   body: (debuggerContext: any) => <Plotly debuggerContext={debuggerContext} />,
-  label: 'Plotly Test Tab',
+  label: 'Plotly',
   iconName: 'scatter-plot'
 };