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

Ir 2790 mouseover tooltip to show fullname #10456

Merged
merged 6 commits into from
Jun 27, 2024
Merged

Ir 2790 mouseover tooltip to show fullname #10456

Show file tree
Hide file tree
Changes from 4 commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
f313147
add tooltip to show fullname
JT00y Jun 26, 2024
8a260e6
Merge branch 'dev' of https://github.com/EtherealEngine/etherealengin…
JT00y Jun 26, 2024
a38f717
cleanup
JT00y Jun 26, 2024
503b94b
add tooltip to show full name at asset panel
JT00y Jun 26, 2024
9d91e74
Merge branch 'dev' of https://github.com/EtherealEngine/etherealengin…
dinomut1 Jun 27, 2024
338bbc3
integrate
dinomut1 Jun 27, 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/ui/src/components/editor/panels/Assets/container/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -152,7 +152,10 @@ const ResourceFile = ({ resource }: { resource: StaticResourceType }) => {
<span className="mb-[5px] h-[70px] w-[70px] text-[70px]">
<FileIcon thumbnailURL={resource.thumbnailURL} type={assetType} />
</span>
<span className="w-[100px] overflow-hidden overflow-ellipsis whitespace-nowrap text-sm text-white">{name}</span>

<Tooltip title={t(name)} direction="bottom">
<span className="w-[100px] overflow-hidden overflow-ellipsis whitespace-nowrap text-sm text-white">{name}</span>
</Tooltip>

<ContextMenu
anchorEvent={anchorEvent}
Expand Down
11 changes: 9 additions & 2 deletions packages/ui/src/components/editor/panels/Files/browserGrid/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -47,6 +47,7 @@ import { VscBlank } from 'react-icons/vsc'
import { twMerge } from 'tailwind-merge'
import { Vector3 } from 'three'
import Button from '../../../../../primitives/tailwind/Button'
import Tooltip from '../../../../../primitives/tailwind/Tooltip'
import { FileIcon } from '../icon'
import DeleteFileModal from './DeleteFileModal'
import RenameFileModal from './RenameFileModal'
Expand Down Expand Up @@ -160,6 +161,8 @@ export const FileGridItem: React.FC<FileGridItemProps> = (props) => {
const { projectName } = useMutableState(EditorState)
const staticResource = useFind(staticResourcePath, { query: { key: props.item.key, project: projectName.value! } })
const thumbnailURL = staticResource.data[0]?.thumbnailURL
const { t } = useTranslation()

return (
<div
className={`flex h-32 w-28 cursor-pointer flex-col items-center text-center ${
Expand All @@ -183,7 +186,12 @@ export const FileGridItem: React.FC<FileGridItemProps> = (props) => {
color="text-[#375DAF]"
/>
</div>
<div className="text-secondary mb-2 line-clamp-1 w-full text-wrap break-all text-sm">{props.item.fullName}</div>

<Tooltip title={t(props.item.fullName)} direction="bottom">
<div className="text-secondary relative mb-2 line-clamp-1 w-full text-wrap break-all text-sm ">
{props.item.fullName}
</div>
</Tooltip>
</div>
)
}
Expand Down Expand Up @@ -227,7 +235,6 @@ export function FileBrowserItem({
const [anchorEvent, setAnchorEvent] = React.useState<undefined | React.MouseEvent<HTMLDivElement>>(undefined)

const fileService = useMutation(fileBrowserPath)

const handleContextMenu = (event: React.MouseEvent<HTMLDivElement>) => {
event.preventDefault()
event.stopPropagation()
Expand Down
Loading