moved the rename / delete menu up to prevent the delete from being hi…

…dden (#10934) * moved the rename / delete menu up to prevent the delete from being hidden * added boolean to the sceneItem props to determine if the menu should be moved up or not --------- Co-authored-by: Hanzla Mateen <[email protected]>
EtherealEngine · Aug 13, 2024 · 9d22098 · 9d22098
1 parent a9135cd
commit 9d22098
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/packages/client-core/src/admin/components/scene/SceneItem.tsx b/packages/client-core/src/admin/components/scene/SceneItem.tsx
@@ -43,11 +43,18 @@ import { twMerge } from 'tailwind-merge'
 type SceneItemProps = {
   scene: StaticResourceType
   updateEditorState?: boolean
+  moveMenuUp?: boolean
   handleOpenScene: () => void
   refetchProjectsData: () => void
 }
 
-export const SceneItem = ({ scene, updateEditorState, handleOpenScene, refetchProjectsData }: SceneItemProps) => {
+export const SceneItem = ({
+  scene,
+  updateEditorState,
+  moveMenuUp,
+  handleOpenScene,
+  refetchProjectsData
+}: SceneItemProps) => {
   const { t } = useTranslation()
   const editorState = useMutableState(EditorState)
 
@@ -118,7 +125,8 @@ export const SceneItem = ({ scene, updateEditorState, handleOpenScene, refetchPr
           <ul
             className={twMerge(
               'fixed z-10 block w-max translate-x-5 rounded-lg bg-theme-primary px-4 py-3 pr-10',
-              showContentMenu.value ? 'visible' : 'hidden'
+              showContentMenu.value ? 'visible' : 'hidden',
+              moveMenuUp ? '-translate-y-10' : ''
             )}
             style={{
               top: menuPosition.top.value,

diff --git a/packages/ui/src/components/editor/panels/Scenes/container/index.tsx b/packages/ui/src/components/editor/panels/Scenes/container/index.tsx
@@ -96,6 +96,7 @@ export default function ScenesPanel() {
                   key={scene.id}
                   scene={scene}
                   updateEditorState
+                  moveMenuUp={true}
                   handleOpenScene={() => onClickScene(scene)}
                   refetchProjectsData={scenesQuery.refetch}
                 />