TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-11-24 06:35:49 +03:00
Code Issues Projects Releases Wiki Activity

Little style tweaks to comment replies border and pagination border

Browse Source 
refs https://github.com/TryGhost/Team/issues/1777
This commit is contained in:
James Morris 2022-08-11 12:41:27 +01:00
parent 6db7d9bd2d
commit 4a0ad8c6bc
2 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/comments-ui/src/components/Comment.js
View File

@ -91,7 +91,7 @@ const Comment = ({updateIsEditing = null, isEditing, ...props}) => {
<div className="flex-0 mb-4"> <div className="flex-0 mb-4">
<Avatar comment={comment} saturation={avatarSaturation} isBlank={isNotPublished} /> <Avatar comment={comment} saturation={avatarSaturation} isBlank={isNotPublished} />
</div> </div>
{!props.isReply && hasReplies && <div className="w-[3px] h-full mb-2 bg-gradient-to-b from-neutral-100 via-neutral-100 to-transparent grow rounded" />} {!props.isReply && hasReplies && <div className="w-[3px] h-full mb-2 bg-gradient-to-b from-neutral-100 via-neutral-100 dark:bg-[rgba(255,255,255,0.05)] to-transparent grow rounded" />}
</div> </div>
<div className="grow"> <div className="grow">
<div className="flex items-start -mt-[3px] mb-2"> <div className="flex items-start -mt-[3px] mb-2">

2
apps/comments-ui/src/components/Pagination.js
View File

@ -21,7 +21,7 @@ const Pagination = (props) => {
return ( return (
<button className="group w-full text-neutral-700 font-semibold px-0 pt-0 pb-2 mb-10 font-sans text-md text-left dark:text-white flex items-center " onClick={loadMore}> <button className="group w-full text-neutral-700 font-semibold px-0 pt-0 pb-2 mb-10 font-sans text-md text-left dark:text-white flex items-center " onClick={loadMore}>
<span className="whitespace-nowrap mr-4">↑ Show {left} previous comments</span> <span className="whitespace-nowrap mr-4">↑ Show {left} previous comments</span>
<span className="transition-[background-color] duration-200 ease-out inline-block w-full bg-neutral-100 group-hover:bg-neutral-200 dark:bg-[rgba(255,255,255,0.05)] rounded h-[2px] mt-[3px]" /> <span className="transition-[background-color] duration-200 ease-out inline-block w-full bg-neutral-100 group-hover:bg-neutral-200 dark:bg-[rgba(255,255,255,0.05)] rounded h-[3px] mt-[3px]" />
</button> </button>
); );
}; };