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

Break words in questions

Browse Source
This commit is contained in:
James Grugett 2022-02-14 20:27:43 -06:00
parent 95fbfb7db0
commit 4917d4084b
2 changed files with 10 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
web/components/contract-card.tsx
View File

@ -47,7 +47,12 @@ export function ContractCard(props: {
<Spacer h={3} />
<Row className="justify-between gap-4">
<p className="font-medium text-indigo-700">{question}</p>
<p
className="font-medium text-indigo-700 break-words"
style={{ /* For iOS safari */ wordBreak: 'break-word' }}
>
{question}
</p>
<ResolutionOrChance className="items-center" contract={contract} />
</Row>
</div>

6
web/components/site-link.tsx
View File

@ -12,9 +12,10 @@ export const SiteLink = (props: {
<a
href={href}
className={clsx(
'z-10 hover:underline hover:decoration-indigo-400 hover:decoration-2',
'break-words z-10 hover:underline hover:decoration-indigo-400 hover:decoration-2',
className
)}
style={{ /* For iOS safari */ wordBreak: 'break-word' }}
onClick={(e) => e.stopPropagation()}
>
{children}
@ -23,9 +24,10 @@ export const SiteLink = (props: {
<Link href={href}>
<a
className={clsx(
'z-10 hover:underline hover:decoration-indigo-400 hover:decoration-2',
'break-words z-10 hover:underline hover:decoration-indigo-400 hover:decoration-2',
className
)}
style={{ /* For iOS safari */ wordBreak: 'break-word' }}
onClick={(e) => e.stopPropagation()}
>
{children}