octo/tooot
octo
/
tooot
mirror of https://github.com/tooot-app/app
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Attempt to fix super long toots breaking maintain position

This commit is contained in:
xmflsct 2023-01-24 22:24:55 +01:00
parent f1b162a020
commit 82928f8611
1 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/Parse/HTML.tsx
View File

@ -69,6 +69,7 @@ const ParseHTML: React.FC<Props> = ({
const [followedTags] = useAccountStorage.object('followed_tags')
const MAX_ALLOWED_LINES = 30
const [totalLines, setTotalLines] = useState<number>()
const [expanded, setExpanded] = useState(highlighted)
@ -275,7 +276,12 @@ const ParseHTML: React.FC<Props> = ({
hint: expandHint,
moreLines:
numberOfLines > 1 && typeof totalLines === 'number'
? t('HTML.moreLines', { count: totalLines - numberOfLines })
? t('HTML.moreLines', {
count:
totalLines === MAX_ALLOWED_LINES
? (`${totalLines - numberOfLines}+` as unknown as number)
: totalLines - numberOfLines
})
: ''
})}
/>
@ -304,7 +310,7 @@ const ParseHTML: React.FC<Props> = ({
height: numberOfLines === 1 && !expanded ? 0 : undefined
}}
numberOfLines={
typeof totalLines === 'number' ? (expanded ? 999 : numberOfLines) : undefined
typeof totalLines === 'number' ? (expanded ? 999 : numberOfLines) : MAX_ALLOWED_LINES
}
selectable={selectable}
/>