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

🐛 Fixed comment reference snippet overflowing (#22275)

Browse source 
Ref
https://linear.app/ghost/issue/DES-1106/support-escalation-re-ghostpro-comments-formatting-bug
- The `Replied to: comment..` snippet can contain links that can
overflow their container when they span multiple lines. Added
`break-all` CSS to force text wrapping, ensuring links stay within
boundaries.
This commit is contained in:
Sanne de Vries 2025-02-25 13:08:02 +01:00 • committed by GitHub
parent 80d358cfea
commit fb0f9a2cf8
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 1 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
apps/comments-ui/src/components/content/Comment.tsx
View file

@ -293,7 +293,7 @@ export const RepliedToSnippet: React.FC<{comment: Comment}> = ({comment}) => {
const linkToReply = inReplyToComment && inReplyToComment.status === 'published';
const className = 'font-medium text-neutral-900/60 transition-colors dark:text-white/70';
const className = 'font-medium text-neutral-900/60 break-all transition-colors dark:text-white/70';
return (
linkToReply