+12
-8
src/components/UniversalPostRenderer.tsx
+12
-8
src/components/UniversalPostRenderer.tsx
···
532
//detailed={detailed}
533
atUri={oldestOpsReplyElseNewestNonOpsReply}
534
bottomReplyLine={(maxReplies ?? 0) > 0}
535
-
topReplyLine={(maxReplies ?? 0) > 1}
536
bottomBorder={bottomBorder}
537
feedviewpost={feedviewpost}
538
repostedby={repostedby}
···
545
maxReplies && maxReplies > 0 ? maxReplies - 1 : undefined
546
}
547
/>
548
-
{maxReplies && maxReplies - 1 === 0 && (
549
-
<MoreReplies atUri={oldestOpsReplyElseNewestNonOpsReply} />
550
-
)}
551
</>
552
)}
553
</>
···
1414
paddingLeft: isQuote ? 12 : 16,
1415
paddingRight: isQuote ? 12 : 16,
1416
//paddingTop: 16,
1417
-
paddingTop: isRepost ? 10 : isQuote ? 12 : 16,
1418
//paddingBottom: bottomReplyLine ? 0 : 16,
1419
paddingBottom: 0,
1420
fontFamily: "system-ui, sans-serif",
···
1455
//left: 16 + (42 / 2),
1456
width: 2,
1457
//height: "100%",
1458
-
height: isRepost ? "calc(16px + 1rem - 6px)" : 16 - 6,
1459
// background: theme.textSecondary,
1460
//opacity: 0.5,
1461
// no flex here
···
1469
//top: isRepost ? "calc(16px + 1rem)" : 16,
1470
//left: 16,
1471
zIndex: 1,
1472
-
top: isRepost ? "calc(16px + 1rem)" : isQuote ? 12 : 16,
1473
left: isQuote ? 12 : 16,
1474
}}
1475
onClick={onProfileClick}
···
1507
}}
1508
>
1509
{/* dummy for later use */}
1510
-
<div style={{ width: 42, height: 42 + 8, minHeight: 42 + 8 }} />
1511
{/* reply line !!!! bottomReplyLine */}
1512
{bottomReplyLine && (
1513
<div
···
532
//detailed={detailed}
533
atUri={oldestOpsReplyElseNewestNonOpsReply}
534
bottomReplyLine={(maxReplies ?? 0) > 0}
535
+
topReplyLine={
536
+
(!!(maxReplies && maxReplies - 1 === 0) &&
537
+
!!(replies && replies > 0)) ||
538
+
!!((maxReplies ?? 0) > 1)
539
+
}
540
bottomBorder={bottomBorder}
541
feedviewpost={feedviewpost}
542
repostedby={repostedby}
···
549
maxReplies && maxReplies > 0 ? maxReplies - 1 : undefined
550
}
551
/>
552
+
{maxReplies && maxReplies - 1 === 0 && replies && replies > 0 && (
553
+
<MoreReplies atUri={oldestOpsReplyElseNewestNonOpsReply} />
554
+
)}
555
</>
556
)}
557
</>
···
1418
paddingLeft: isQuote ? 12 : 16,
1419
paddingRight: isQuote ? 12 : 16,
1420
//paddingTop: 16,
1421
+
paddingTop: isRepost ? 10 : isQuote ? 12 : topReplyLine ? 8 : 16,
1422
//paddingBottom: bottomReplyLine ? 0 : 16,
1423
paddingBottom: 0,
1424
fontFamily: "system-ui, sans-serif",
···
1459
//left: 16 + (42 / 2),
1460
width: 2,
1461
//height: "100%",
1462
+
height: isRepost ? "calc(16px + 1rem - 6px)" : topReplyLine ? 8 - 6 : 16 - 6,
1463
// background: theme.textSecondary,
1464
//opacity: 0.5,
1465
// no flex here
···
1473
//top: isRepost ? "calc(16px + 1rem)" : 16,
1474
//left: 16,
1475
zIndex: 1,
1476
+
top: isRepost ? "calc(16px + 1rem)" : isQuote ? 12 : topReplyLine ? 8 : 16,
1477
left: isQuote ? 12 : 16,
1478
}}
1479
onClick={onProfileClick}
···
1511
}}
1512
>
1513
{/* dummy for later use */}
1514
+
<div style={{ width: 42, height: 42 + 6, minHeight: 42 + 6 }} />
1515
{/* reply line !!!! bottomReplyLine */}
1516
{bottomReplyLine && (
1517
<div