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

source-academy · Aug 25, 2024 · 1db0e29 · 1db0e29
1 parent bccaa0c
commit 1db0e29
Show file tree

Hide file tree

Showing 4 changed files with 22 additions and 5 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' }}
Original file line number	Diff line number	Diff line change
Expand Up		@@ -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';