TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-12-26 20:34:02 +03:00
Code Issues Projects Releases Wiki Activity

Added in the title and comments into the Comments repo, rather than in be in the theme only

Browse Source 
refs https://github.com/TryGhost/Team/issues/1695
This commit is contained in:
James Morris 2022-07-27 14:00:20 +01:00
parent 457406a86b
commit ffabb79703
2 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
apps/comments-ui/src/components/CommentsBox.js
View File

@ -21,6 +21,11 @@ const CommentsBoxContent = (props) => {
return (
<>
{/* {TODO: Put in conditionals and variables for the new comment helper} */}
<div className="w-full flex justify-between items-baseline font-sans mb-10">
<h2 className="font-bold text-[2.8rem] tracking-tight">Member discussion</h2>
<div className="text-neutral-400 text-[1.6rem] font-medium">x comments</div>
</div>
<Pagination />
<div className={!pagination ? 'mt-4' : ''}>
{/* {commentsCount === 0 ? (member && <Empty />) : commentsElements} */}
@ -75,7 +80,7 @@ const CommentsBox = (props) => {
const style = {
'--gh-accent-color': accentColor ?? 'blue',
// need careful padding adjustments to match iFrame negative margins and to not cut off top editing form
paddingTop: 16,
paddingTop: 8,
paddingBottom: 64
};
return (

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

@ -19,7 +19,7 @@ const Pagination = (props) => {
}
return (
<button className="group w-full text-neutral-700 font-semibold px-0 pt-0 pb-2 mt-4 sm:mt-0 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="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.08)] rounded h-[3px] mt-[3px]" />
</button>