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 //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