giers10/webeditor3d
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add overlay text to ViewportCanvas

Browse Source
This commit is contained in:
Victor Giers
2026-04-02 23:02:12 +02:00
parent 8366176e14
commit f1714a4c2a
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/viewport-three/ViewportCanvas.tsx
View File

@@ -10,7 +10,7 @@ import { DEFAULT_BOX_BRUSH_CENTER, DEFAULT_BOX_BRUSH_SIZE } from "../document/br
import type { SceneDocument } from "../document/scene-document";
import type { WorldSettings } from "../document/world-settings";
import { createWorldBackgroundStyle } from "../shared-ui/world-background-style";
import { getViewportPanelLabel, type ViewportDisplayMode, type ViewportPanelId } from "./viewport-layout";
import { getViewportPanelLabel, type ViewportDisplayMode, type ViewportLayoutMode, type ViewportPanelId } from "./viewport-layout";
import {
getViewportViewModeControlHint,
getViewportViewModeGridPlaneLabel,
@@ -186,6 +186,8 @@ export function ViewportCanvas({
hostRef.current?.focusSelection(sceneDocument, focusSelection);
}, [focusRequestId, focusSelection, sceneDocument]);
const overlayText = getViewportOverlayText(toolMode, viewMode, displayMode, layoutMode);
return (
<div
ref={containerRef}
@@ -209,9 +211,7 @@ export function ViewportCanvas({
{displayMode === "authoring" ? "Authoring" : "Lit"}
</div>
</div>
{getViewportOverlayText(toolMode, viewMode, displayMode, layoutMode) === null ? null : (
<div className="viewport-canvas__overlay-text">{getViewportOverlayText(toolMode, viewMode, displayMode, layoutMode)}</div>
)}
{overlayText === null ? null : <div className="viewport-canvas__overlay-text">{overlayText}</div>}
{toolMode !== "box-create" || toolPreview.kind !== "box-create" || toolPreview.center === null ? null : (
<div className="viewport-canvas__overlay-preview" data-testid={`viewport-snap-preview-${panelId}`}>
Preview: {formatVec3(toolPreview.center)}