fix: hide axis labels in preview panel when not in fit mode

Julien Moreau-Mathis · julien-moreau · commit 75d93fb6c652 · 2025-11-05T12:01:46.000+01:00
diff --git a/editor/src/editor/layout/preview/axis.tsx b/editor/src/editor/layout/preview/axis.tsx
@@ -54,7 +54,7 @@ export class EditorPreviewAxisHelper extends Component<IEditorPreviewAxisHelperP
 
 	public render(): ReactNode {
 		return (
-			<>
+			<div hidden={this.props.editor.layout.preview?.state.fixedDimensions !== "fit"}>
 				<div
 					className="absolute text-black/50 text-xs font-semibold -translate-x-1/2 -translate-y-1/2 pointer-events-none"
 					style={{
@@ -84,7 +84,7 @@ export class EditorPreviewAxisHelper extends Component<IEditorPreviewAxisHelperP
 				>
 					Z
 				</div>
-			</>
+			</div>
 		);
 	}
 

Original file line number	Diff line number	Diff line change
`@@ -54,7 +54,7 @@ export class EditorPreviewAxisHelper extends Component<IEditorPreviewAxisHelperP`
`54`	`54`
`55`	`55`	`public render(): ReactNode {`
`56`	`56`	`return (`
`57`		`- <>`
	`57`	`+ <div hidden={this.props.editor.layout.preview?.state.fixedDimensions !== "fit"}>`
`58`	`58`	`<div`
`59`	`59`	`className="absolute text-black/50 text-xs font-semibold -translate-x-1/2 -translate-y-1/2 pointer-events-none"`
`60`	`60`	`style={{`
`@@ -84,7 +84,7 @@ export class EditorPreviewAxisHelper extends Component<IEditorPreviewAxisHelperP`
`84`	`84`	`>`
`85`	`85`	`Z`
`86`	`86`	`</div>`
`87`		`- </>`
	`87`	`+ </div>`
`88`	`88`	`);`
`89`	`89`	`}`
`90`	`90`