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

Little adjustment to dropdown placement and tiny tweaks

Browse source
This commit is contained in:
James Morris 2022-07-06 10:10:08 +02:00
parent af56ecf5ef
commit 8aebf187f9
1 changed files with 3 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -25,11 +25,10 @@ class Comment extends React.Component {
render() {
const comment = this.props.comment;
const html = {__html: comment.html};
return (
<div className="flex mb-4">
<div className="flex mb-6">
<div>
<div className="flex mb-2 space-x-4 justify-start items-center">
<Avatar comment={comment} />
@ -38,11 +37,11 @@ class Comment extends React.Component {
<h6 className="text-xs text-neutral-400 font-sans">{formatRelativeTime(comment.created_at)}</h6>
</div>
</div>
<div className="ml-14 mb-4 font-sans leading-normal dark:text-neutral-300">
<div className="ml-14 mb-2 font-sans leading-normal dark:text-neutral-300">
<p dangerouslySetInnerHTML={html} className="whitespace-pre-wrap"></p>
</div>
<div className="ml-14">
<button onClick={this.toggleContextMenu}><MoreIcon className='gh-comments-icon gh-comments-icon-more' /></button>
<button onClick={this.toggleContextMenu}><MoreIcon className='gh-comments-icon gh-comments-icon-more -m-[3px]' /></button>
{this.state.isContextMenuOpen ? <CommentContextMenu comment={comment} /> : null}
</div>
</div>