an appview-less Bluesky client using Constellation and PDS Queries reddwarf.app
frontend spa bluesky reddwarf microcosm

reply threading tweaks

rimar1337 9fc1ecc2 5ed2c581

Changed files
+12 -8
src
+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