Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-01-20 22:42:53 -05:00
Code Issues Activity

Added a truncation for mobile for the comments title

Browse source
This commit is contained in:
James Morris 2022-07-27 14:22:45 +01:00
parent c69409cbac
commit 3dd1cb026a
1 changed files with 4 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
apps/comments-ui/src/components/CommentsBox.js
View file

@ -23,7 +23,10 @@ const CommentsBoxContent = (props) => {
<>
{/* {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>
<h2 className="font-bold text-[2.8rem] tracking-tight dark:text-[rgba(255,255,255,0.85)]">
{/* This will truncate to "Discussion" on mobile screens to save space */}
<span className="hidden sm:inline">Member </span><span className="capitalize sm:normal-case">discussion</span>
</h2>
<div className="text-neutral-400 text-[1.6rem] font-medium">{commentsCount} comments</div>
</div>
<Pagination />