diff --git a/packages/dev/inspector/src/components/sceneExplorer/entities/meshTreeItemComponent.tsx b/packages/dev/inspector/src/components/sceneExplorer/entities/meshTreeItemComponent.tsx index 148b4bf1351..9ef0de168bc 100644 --- a/packages/dev/inspector/src/components/sceneExplorer/entities/meshTreeItemComponent.tsx +++ b/packages/dev/inspector/src/components/sceneExplorer/entities/meshTreeItemComponent.tsx @@ -2,7 +2,7 @@ import type { IExplorerExtensibilityGroup } from "core/Debug/debugLayer"; import type { AbstractMesh } from "core/Meshes/abstractMesh"; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; -import { faCube } from "@fortawesome/free-solid-svg-icons"; +import { faCube, faPen } from "@fortawesome/free-solid-svg-icons"; import { faEye, faEyeSlash, faSquare } from "@fortawesome/free-regular-svg-icons"; import { TreeItemLabelComponent } from "../treeItemLabelComponent"; import { ExtensionsComponent } from "../extensionsComponent"; @@ -52,6 +52,17 @@ export class MeshTreeItemComponent extends React.Component this.props.onClick()} icon={faCube} color="dodgerblue" /> + {mesh._internalMetadata && mesh._internalMetadata.nodeGeometry && ( +
this._editGeometry()} title="Edit Node Geometry"> + +
+ )}
this.showBoundingBox()} diff --git a/packages/dev/inspector/src/components/sceneExplorer/sceneExplorer.scss b/packages/dev/inspector/src/components/sceneExplorer/sceneExplorer.scss index 73059ec6c8f..c36f0db9980 100644 --- a/packages/dev/inspector/src/components/sceneExplorer/sceneExplorer.scss +++ b/packages/dev/inspector/src/components/sceneExplorer/sceneExplorer.scss @@ -396,12 +396,17 @@ grid-column: 2; width: 100%; display: grid; - grid-template-columns: 1fr 20px 20px auto 5px; + grid-template-columns: 1fr auto 20px 20px auto 5px; align-items: center; min-width: 0; - .bounding-box { + .edit { + width: 20px; grid-column: 2; + } + + .bounding-box { + grid-column: 3; opacity: 0.5; &.selected { @@ -410,12 +415,12 @@ } .visibility { - grid-column: 3; + grid-column: 4; } .extensions { width: 20px; - grid-column: 4; + grid-column: 5; } }