chore: change ellipsis class to truncate; fix: defined name if ref overflow (#6107)

Co-authored-by: r.sergeev <r.sergeev@yadro.com>
This commit is contained in:
Roman Sergeev
2025-11-08 10:28:54 +08:00
committed by GitHub
co-authored by r.sergeev
parent 8e74b7d5ca
commit 4102e507a8
3 changed files with 5 additions and 6 deletions
@@ -224,7 +224,7 @@ function SearchFunctionFactory(props: ISearchFunctionProps, ref: any) {
}
}}
>
<span className="univer-block univer-overflow-x-hidden univer-text-ellipsis univer-text-xs">
<span className="univer-block univer-truncate univer-text-xs">
<span className="univer-text-red-500">{item.name.substring(0, searchText.length)}</span>
<span>{item.name.slice(searchText.length)}</span>
</span>
@@ -100,7 +100,7 @@ export const CellLinkPopupPure = (props: ICellLinkPopupPureProps) => {
{iconsMap[linkObj.type]}
</div>
<Tooltip showIfEllipsis title={linkObj.name} asChild>
<span className="univer-flex-1 univer-overflow-hidden univer-text-ellipsis">{linkObj.name}</span>
<span className="univer-flex-1 univer-truncate">{linkObj.name}</span>
</Tooltip>
</div>
<div
@@ -229,8 +229,8 @@ export const DefinedNameContainer = () => {
<div title={definedName.comment}>
<div
className={`
univer-my-1 univer-max-h-[100px] univer-max-w-[190px] univer-overflow-hidden
univer-text-ellipsis univer-text-sm univer-font-medium univer-text-gray-900
univer-my-1 univer-max-h-[100px] univer-max-w-[190px] univer-truncate
univer-text-sm univer-font-medium univer-text-gray-900
dark:!univer-text-white
`}
>
@@ -242,8 +242,7 @@ export const DefinedNameContainer = () => {
<div
className={`
univer-my-1 univer-max-h-[100px] univer-w-full univer-max-w-[190px]
univer-overflow-hidden univer-text-ellipsis univer-text-xs
univer-text-gray-500
univer-truncate univer-text-xs univer-text-gray-500
`}
title={definedName.formulaOrRefString}
>