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