open.source/manifold
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Only show answer tooltips if truncated

Browse Source
This commit is contained in:
Sinclair Chen 2022-08-19 15:20:50 -07:00
parent 0cbc0010c1
commit d5b922affd
1 changed files with 13 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web/components/outcome-label.tsx
View File

@ -90,13 +90,11 @@ export function FreeResponseOutcomeLabel(props: {
const chosen = contract.answers?.find((answer) => answer.id === resolution) const chosen = contract.answers?.find((answer) => answer.id === resolution)
if (!chosen) return <AnswerNumberLabel number={resolution} /> if (!chosen) return <AnswerNumberLabel number={resolution} />
return ( return (
<Tooltip text={chosen.text}>
<AnswerLabel <AnswerLabel
answer={chosen} answer={chosen}
truncate={truncate} truncate={truncate}
className={answerClassName} className={answerClassName}
/> />
</Tooltip>
) )
} }
@ -165,11 +163,13 @@ export function AnswerLabel(props: {
} }
return ( return (
<Tooltip text={truncated === text ? false : text}>
<span <span
style={{ wordBreak: 'break-word' }} style={{ wordBreak: 'break-word' }}
className={clsx('whitespace-pre-line break-words', className)} className={clsx('whitespace-pre-line break-words', className)}
> >
{truncated} {truncated}
</span> </span>
</Tooltip>
) )
} }