TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-11-23 22:11:09 +03:00
Code Issues Projects Releases Wiki Activity

Lots of little action tweaks

Browse Source
This commit is contained in:
James Morris 2022-07-06 12:16:29 +02:00
parent 7b424800aa
commit feae7836d7
6 changed files with 13 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -43,17 +43,17 @@ class Comment extends React.Component {
return (
<div className="flex mb-8">
<div>
<div className="flex mb-3 space-x-4 justify-start items-center">
<div className="flex mb-2 space-x-4 justify-start items-center">
<Avatar comment={comment} />
<div>
<h4 className="text-lg font-sans font-bold mb-1 tracking-tight dark:text-neutral-300">{comment.member.name}</h4>
<h6 className="text-xs text-neutral-400 font-sans">{formatRelativeTime(comment.created_at)}</h6>
</div>
</div>
<div className="ml-14 mb-3 pr-4 font-sans leading-normal dark:text-neutral-300">
<div className="ml-14 mb-2.5 pr-4 font-sans leading-normal dark:text-neutral-300">
<p dangerouslySetInnerHTML={html} className="whitespace-pre-wrap"></p>
</div>
<div className="ml-14 flex">
<div className="ml-14 flex gap-5">
<Like comment={comment} />
<Reply comment={comment} />
<More comment={comment} show={this.hasMoreContextMenu} />

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

@ -2,7 +2,7 @@ import {ReactComponent as LikeIcon} from '../images/icons/like.svg';
function Like() {
return (
<button className="flex font-sans mr-5"><LikeIcon className='gh-comments-icon gh-comments-icon-like mr-1' />3</button>
<button className="flex font-sans text-[14px] items-center"><LikeIcon className='gh-comments-icon gh-comments-icon-like mr-1' />3</button>
);
}

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

@ -2,7 +2,7 @@ import {ReactComponent as ReplyIcon} from '../images/icons/reply.svg';
function Reply() {
return (
<button className="flex font-sans mr-5"><ReplyIcon className='gh-comments-icon gh-comments-icon-reply mr-1' />Reply</button>
<button className="flex font-sans text-[14px] items-center"><ReplyIcon className='gh-comments-icon gh-comments-icon-reply mr-1' />Reply</button>
);
}

4
apps/comments-ui/src/images/icons/like.svg
View File

@ -1,3 +1,3 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10.0006 17.1242L3.60858 10.4576C3.04681 9.89625 2.67602 9.17229 2.54882 8.38838C2.42162 7.60448 2.54446 6.80042 2.89992 6.09025V6.09025C3.16795 5.55433 3.55949 5.08977 4.04228 4.73484C4.52507 4.37991 5.08528 4.14478 5.67675 4.04882C6.26823 3.95285 6.87404 3.9988 7.44428 4.18288C8.01452 4.36696 8.53285 4.6839 8.95658 5.10758L10.0006 6.15092L11.0446 5.10758C11.4683 4.6839 11.9866 4.36696 12.5569 4.18288C13.1271 3.9988 13.7329 3.95285 14.3244 4.04882C14.9159 4.14478 15.4761 4.37991 15.9589 4.73484C16.4417 5.08977 16.8332 5.55433 17.1012 6.09025C17.4562 6.80014 17.5789 7.60372 17.4518 8.38718C17.3247 9.17064 16.9544 9.89427 16.3932 10.4556L10.0006 17.1242Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.00025 13.8739L2.46073 8.09636C1.97388 7.60989 1.65255 6.98248 1.54231 6.30312C1.43208 5.62376 1.53853 4.92694 1.84658 4.31148V4.31148C2.07887 3.84703 2.41819 3.44443 2.83659 3.13684C3.25499 2.82925 3.74049 2.62547 4.25308 2.54231C4.76567 2.45914 5.29069 2.49896 5.78488 2.65849C6.27906 2.81802 6.72827 3.09269 7.09549 3.45987L8.00025 4.36406L8.90502 3.45987C9.27224 3.09269 9.72145 2.81802 10.2156 2.65849C10.7098 2.49896 11.2348 2.45914 11.7474 2.54231C12.26 2.62547 12.7455 2.82925 13.1639 3.13684C13.5823 3.44443 13.9216 3.84703 14.1539 4.31148C14.4616 4.9267 14.5678 5.62311 14.4577 6.30208C14.3476 6.98105 14.0267 7.60817 13.5404 8.09462L8.00025 13.8739Z" stroke="black" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 858 B

After

Width:  |  Height:  |  Size: 859 B

8
apps/comments-ui/src/images/icons/more.svg
View File

@ -1,5 +1,5 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5 13.5C5.82843 13.5 6.5 12.8284 6.5 12C6.5 11.1716 5.82843 10.5 5 10.5C4.17157 10.5 3.5 11.1716 3.5 12C3.5 12.8284 4.17157 13.5 5 13.5Z" fill="black"/>
<path d="M10 13.5C10.8284 13.5 11.5 12.8284 11.5 12C11.5 11.1716 10.8284 10.5 10 10.5C9.17157 10.5 8.5 11.1716 8.5 12C8.5 12.8284 9.17157 13.5 10 13.5Z" fill="black"/>
<path d="M15 13.5C15.8284 13.5 16.5 12.8284 16.5 12C16.5 11.1716 15.8284 10.5 15 10.5C14.1716 10.5 13.5 11.1716 13.5 12C13.5 12.8284 14.1716 13.5 15 13.5Z" fill="black"/>
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3 10.5C3.82843 10.5 4.5 9.82843 4.5 9C4.5 8.17157 3.82843 7.5 3 7.5C2.17157 7.5 1.5 8.17157 1.5 9C1.5 9.82843 2.17157 10.5 3 10.5Z" fill="black"/>
<path d="M8 10.5C8.82843 10.5 9.5 9.82843 9.5 9C9.5 8.17157 8.82843 7.5 8 7.5C7.17157 7.5 6.5 8.17157 6.5 9C6.5 9.82843 7.17157 10.5 8 10.5Z" fill="black"/>
<path d="M13 10.5C13.8284 10.5 14.5 9.82843 14.5 9C14.5 8.17157 13.8284 7.5 13 7.5C12.1716 7.5 11.5 8.17157 11.5 9C11.5 9.82843 12.1716 10.5 13 10.5Z" fill="black"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 604 B

After

Width:  |  Height:  |  Size: 583 B

4
apps/comments-ui/src/images/icons/reply.svg
View File

@ -1,3 +1,3 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.8438 4.12365C7.84353 3.89764 7.77519 3.67694 7.64769 3.49033C7.52018 3.30372 7.33942 3.15984 7.12897 3.07744C6.91851 2.99503 6.68812 2.97793 6.4678 3.02836C6.24748 3.07879 6.04746 3.1944 5.89381 3.36015L1.79806 7.79565C1.60641 8.00343 1.5 8.27573 1.5 8.5584C1.5 8.84106 1.60641 9.11337 1.79806 9.32115L5.89156 13.7566C6.04521 13.9224 6.24523 14.038 6.46555 14.0884C6.68586 14.1389 6.91626 14.1218 7.12672 14.0394C7.33717 13.957 7.51793 13.8131 7.64544 13.6265C7.77294 13.4399 7.84128 13.2192 7.84156 12.9931V10.8084H12.3416C13.8334 10.8084 15.2641 11.401 16.319 12.4559C17.3739 13.5108 17.9666 14.9416 17.9666 16.4334V11.9334C17.9666 10.4416 17.3739 9.01082 16.319 7.95592C15.2641 6.90103 13.8334 6.3084 12.3416 6.3084H7.84156L7.8438 4.12365Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.17463 2.98741C7.17439 2.7888 7.11434 2.59487 7.00229 2.43088C6.89025 2.26689 6.73141 2.14046 6.54647 2.06805C6.36153 1.99564 6.15907 1.98061 5.96546 2.02492C5.77186 2.06923 5.5961 2.17083 5.46107 2.31648L1.86192 6.21418C1.69351 6.39677 1.60001 6.63606 1.60001 6.88445C1.60001 7.13284 1.69351 7.37213 1.86192 7.55472L5.45909 11.4524C5.59412 11.5981 5.76988 11.6997 5.96349 11.744C6.15709 11.7883 6.35955 11.7733 6.54449 11.7009C6.72943 11.6284 6.88827 11.502 7.00032 11.338C7.11236 11.174 7.17242 10.9801 7.17265 10.7815V8.86164H9.12703C10.438 8.86164 11.6953 9.38241 12.6222 10.3094C13.5492 11.2364 14.07 12.4937 14.07 13.8046V9.85023C14.07 8.53927 13.5492 7.28201 12.6222 6.35502C11.6953 5.42803 10.438 4.90726 9.12703 4.90726H7.17265L7.17463 2.98741Z" stroke="black" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 942 B

After

Width:  |  Height:  |  Size: 952 B