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

Fix answers not wrapping in cards

Browse Source
This commit is contained in:
James Grugett 2022-05-02 10:35:46 -04:00
parent 0a63a0ae1f
commit d6a9b89c43
1 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,3 +1,4 @@
import clsx from 'clsx'
import { Answer } from '../../common/answer' import { Answer } from '../../common/answer'
import { getProbability } from '../../common/calculate' import { getProbability } from '../../common/calculate'
import { import {
@ -126,7 +127,14 @@ export function AnswerLabel(props: {
truncated = text.slice(0, 75) + '...' truncated = text.slice(0, 75) + '...'
} }
return <span className={className}>{truncated}</span> return (
<span
style={{ wordBreak: 'break-word' }}
className={clsx('whitespace-pre-line break-words', className)}
>
{truncated}
</span>
)
} }
function FreeResponseAnswerToolTip(props: { function FreeResponseAnswerToolTip(props: {