diff --git a/libs/remix-ui/vertical-icons-panel/src/lib/components/Icon.tsx b/libs/remix-ui/vertical-icons-panel/src/lib/components/Icon.tsx index ef97419ba9..49ffcf2387 100644 --- a/libs/remix-ui/vertical-icons-panel/src/lib/components/Icon.tsx +++ b/libs/remix-ui/vertical-icons-panel/src/lib/components/Icon.tsx @@ -86,7 +86,11 @@ const Icon = ({iconRecord, verticalIconPlugin, contextMenuAction, theme}: IconPr return ( <> - +
{ diff --git a/libs/remix-ui/workspace/src/lib/components/file-label.tsx b/libs/remix-ui/workspace/src/lib/components/file-label.tsx index 035de93384..017b8219e9 100644 --- a/libs/remix-ui/workspace/src/lib/components/file-label.tsx +++ b/libs/remix-ui/workspace/src/lib/components/file-label.tsx @@ -1,5 +1,7 @@ // eslint-disable-next-line no-use-before-define import {fileDecoration} from '@remix-ui/file-decorators' +import {CustomTooltip} from '@remix-ui/helper' +import {FormattedMessage} from 'react-intl' import React, {useEffect, useRef, useState} from 'react' import {FileType} from '../types' export interface FileLabelProps { @@ -65,6 +67,8 @@ export const FileLabel = (props: FileLabelProps) => { labelRef.current.innerText = file.name } + // The tooltip is setted up on the label and not the whole line to avoid unnecessary tooltips on the short filenames. + // It has the delay for the same reason. return (
{ onKeyDown={handleEditInput} onBlur={handleEditBlur} > - - {file.name} - + + + {file.name} + +
) }