Skip to content
This repository was archived by the owner on Aug 21, 2024. It is now read-only.

clamped the scene name to be 20 characters with an ellipse and a tooltip #10936

Open
wants to merge 3 commits into
base: dev
Choose a base branch
from
Open

clamped the scene name to be 20 characters with an ellipse and a tooltip #10936

Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
aa92c34
clamped the scene name to be 20 characters with an ellipse and a tooltip
MbfloydIR Aug 9, 2024
8851071
Merge branch 'dev' into michael/IR-3667_scene_name_too_long
MbfloydIR Aug 13, 2024
5d0067f
updated the scene name to use tailwind css instead of truncating it a…
MbfloydIR Aug 13, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 4 additions & 1 deletion packages/client-core/src/admin/components/scene/SceneItem.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -31,6 +31,7 @@ import { EditorState } from '@etherealengine/editor/src/services/EditorServices'
import { useHookstate, useMutableState } from '@etherealengine/hyperflux'
import RenameSceneModal from '@etherealengine/ui/src/components/editor/panels/Scenes/modals/RenameScene'
import ConfirmDialog from '@etherealengine/ui/src/components/tailwind/ConfirmDialog'
import Tooltip from '@etherealengine/ui/src/primitives/mui/Tooltip'
import Button from '@etherealengine/ui/src/primitives/tailwind/Button'
import Text from '@etherealengine/ui/src/primitives/tailwind/Text'
import { default as React, useEffect, useRef } from 'react'
Expand Down Expand Up @@ -100,7 +101,9 @@ export const SceneItem = ({ scene, updateEditorState, handleOpenScene, refetchPr
<div className="inline-flex w-full flex-col items-start justify-start">
<div className="space-between flex w-full flex-row">
<Text component="h3" fontWeight="light" className="leading-6 text-neutral-100">
{sceneName}
<Tooltip title={sceneName}>
<div className="min-w-52 max-w-52 truncate">{sceneName}</div>
</Tooltip>
</Text>
</div>
<Text component="h3" fontSize="xs" fontWeight="light" className="h-3.5 w-40 leading-5 text-neutral-100">
Expand Down