mirror/FossFLOW
1
0
Fork 0
mirror of https://github.com/stan-smith/FossFLOW.git synced 2025-12-24 06:58:48 -05:00
Code Issues Packages Projects Releases Wiki Activity

feat: hides scene title if editor is in 'NON_INTERACTIVE' mode

Browse Source
This commit is contained in:
Mark Mankarious
2023-10-13 14:34:47 +01:00
parent 46ce637cd0
commit 91fa85a1c5
1 changed files with 30 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
src/components/UiOverlay/UiOverlay.tsx
View File

@@ -16,7 +16,8 @@ const ToolsEnum = {
MAIN_MENU: 'MAIN_MENU',
ZOOM_CONTROLS: 'ZOOM_CONTROLS',
TOOL_MENU: 'TOOL_MENU',
ITEM_CONTROLS: 'ITEM_CONTROLS'
ITEM_CONTROLS: 'ITEM_CONTROLS',
SCENE_TITLE: 'SCENE_TITLE'
} as const;
interface EditorModeMapping {
@@ -28,9 +29,10 @@ const EDITOR_MODE_MAPPING: EditorModeMapping = {
'ITEM_CONTROLS',
'ZOOM_CONTROLS',
'TOOL_MENU',
'MAIN_MENU'
'MAIN_MENU',
'SCENE_TITLE'
],
[EditorModeEnum.EXPLORABLE_READONLY]: ['ZOOM_CONTROLS'],
[EditorModeEnum.EXPLORABLE_READONLY]: ['ZOOM_CONTROLS', 'SCENE_TITLE'],
[EditorModeEnum.NON_INTERACTIVE]: []
};
@@ -150,32 +152,34 @@ export const UiOverlay = () => {
</Box>
)}
<Box
sx={{
position: 'absolute',
display: 'flex',
justifyContent: 'center',
left: rendererSize.width / 2,
top: rendererSize.height - appPadding.y * 2,
width: rendererSize.width - 500,
height: appPadding.y,
transform: 'translateX(-50%)',
pointerEvents: 'none'
}}
>
<UiElement
{availableTools.includes('SCENE_TITLE') && (
<Box
sx={{
display: 'inline-flex',
px: 2,
alignItems: 'center',
height: '100%'
position: 'absolute',
display: 'flex',
justifyContent: 'center',
left: rendererSize.width / 2,
top: rendererSize.height - appPadding.y * 2,
width: rendererSize.width - 500,
height: appPadding.y,
transform: 'translateX(-50%)',
pointerEvents: 'none'
}}
>
<Typography fontWeight={600} color="text.secondary">
{sceneTitle}
</Typography>
</UiElement>
</Box>
<UiElement
sx={{
display: 'inline-flex',
px: 2,
alignItems: 'center',
height: '100%'
}}
>
<Typography fontWeight={600} color="text.secondary">
{sceneTitle}
</Typography>
</UiElement>
</Box>
)}
{enableDebugTools && (
<UiElement