Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-03-11 02:12:21 -05:00
Code Issues Activity

Added in the comment border line when replying with no replies

Browse source 
refs https://github.com/TryGhost/Team/issues/1779
This commit is contained in:
James Morris 2022-08-11 15:35:04 +01:00
parent 91134ecb62
commit 3b7d26154e
1 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
apps/comments-ui/src/components/Comment.js
View file

@ -94,7 +94,7 @@ const Comment = ({updateIsEditing = null, isEditing, ...props}) => {
<div className="flex-0 mb-4">
<Avatar comment={comment} saturation={avatarSaturation} isBlank={isNotPublished} />
</div>
{!props.isReply && hasReplies && <div className="w-[3px] h-full mb-2 bg-gradient-to-b from-neutral-100 via-neutral-100 to-transparent dark:from-[rgba(255,255,255,0.05)] dark:via-[rgba(255,255,255,0.05)] grow rounded" />}
{(!props.isReply && hasReplies || isInReplyMode) && <div className="w-[3px] h-full mb-2 bg-gradient-to-b from-neutral-100 via-neutral-100 to-transparent dark:from-[rgba(255,255,255,0.05)] dark:via-[rgba(255,255,255,0.05)] grow rounded" />}
</div>
<div className="grow">
<div className="flex items-start -mt-[3px] mb-2">
@ -124,9 +124,9 @@ const Comment = ({updateIsEditing = null, isEditing, ...props}) => {
{!isNotPublished && (
<div className="flex gap-5 items-center">
{!isNotPublished && <Like comment={comment} />}
{!isNotPublished && (canReply && (isNotPublished || !props.parent) && <Reply comment={comment} toggleReply={toggleReplyMode} isReplying={isInReplyMode} />)}
{!isNotPublished && <More comment={comment} toggleEdit={toggleEditMode} />}
{<Like comment={comment} />}
{(canReply && (isNotPublished || !props.parent) && <Reply comment={comment} toggleReply={toggleReplyMode} isReplying={isInReplyMode} />)}
{<More comment={comment} toggleEdit={toggleEditMode} />}
</div>
)}