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

pl-fe: change conditions for status collapse

Browse source 
Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
This commit is contained in:
marcin mikołajczak 2024-09-22 14:50:56 +02:00
parent 821c13935d
commit dc4dd8300c
1 changed files with 4 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -20,7 +20,6 @@ import Poll from './polls/poll';
import type { Sizes } from 'pl-fe/components/ui/text/text'; import type { Sizes } from 'pl-fe/components/ui/text/text';
import type { MinifiedStatus } from 'pl-fe/reducers/statuses'; import type { MinifiedStatus } from 'pl-fe/reducers/statuses';
const MAX_HEIGHT = 322; // 20px * 16 (+ 2px padding at the top)
const BIG_EMOJI_LIMIT = 10; const BIG_EMOJI_LIMIT = 10;
const nodesToText = (nodes: Array<DOMNode>): string => const nodesToText = (nodes: Array<DOMNode>): string =>
@ -81,7 +80,8 @@ const StatusContent: React.FC<IStatusContent> = React.memo(({
if (!node.current) return; if (!node.current) return;
if (collapsable && !collapsed) { if (collapsable && !collapsed) {
if (node.current.clientHeight > MAX_HEIGHT) { // 20px * x lines (+ 2px padding at the top)
if (node.current.clientHeight > (quote ? 202 : 282)) {
setCollapsed(true); setCollapsed(true);
} }
} }
@ -189,7 +189,8 @@ const StatusContent: React.FC<IStatusContent> = React.memo(({
const direction = getTextDirection(status.search_index); const direction = getTextDirection(status.search_index);
const className = clsx('relative overflow-hidden text-ellipsis break-words text-gray-900 focus:outline-none dark:text-gray-100', { const className = clsx('relative overflow-hidden text-ellipsis break-words text-gray-900 focus:outline-none dark:text-gray-100', {
'cursor-pointer': onClick, 'cursor-pointer': onClick,
'max-h-[200px]': collapsed, 'max-h-[200px]': collapsed && !quote,
'max-h-[120px]': collapsed && quote,
'leading-normal big-emoji': onlyEmoji, 'leading-normal big-emoji': onlyEmoji,
}); });