bigbuffet/bigbuffet-rw
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

pl-fe: or maybe apply line-clamp conditionally

Browse source 
Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
This commit is contained in:
marcin mikołajczak 2024-09-01 23:55:38 +02:00
parent ec28ee979c
commit f81dd5d70d
1 changed files with 4 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
packages/pl-fe/src/components/status-content.tsx
View file

@ -187,7 +187,10 @@ const StatusContent: React.FC<IStatusContent> = React.memo(({
if (spoilerText) { if (spoilerText) {
output.push( output.push(
<Text key='spoiler' size='2xl' weight='medium'> <Text key='spoiler' size='2xl' weight='medium'>
<span className='line-clamp-3' dangerouslySetInnerHTML={{ __html: spoilerText }} /> <span
className={clsx({ 'line-clamp-3': !expanded })}
dangerouslySetInnerHTML={{ __html: spoilerText }}
/>
{expandable && ( {expandable && (
<Button <Button
className='ml-2 align-middle' className='ml-2 align-middle'