Merge adjacent paragraphs in EmbeddedStatusContent to benefit from -webkit-line-clamp

Fix only the first paragraph being displayed in some notifications
Fixes #32196
2024-10-09 11:16:46 +02:00 · 2024-10-09 10:25:13 +02:00
2 changed files with 1 additions and 9 deletions
--- a/app/javascript/mastodon/features/notifications_v2/components/embedded_status_content.tsx
+++ b/app/javascript/mastodon/features/notifications_v2/components/embedded_status_content.tsx
@ -87,7 +87,7 @@ export const EmbeddedStatusContent: React.FC<{
      className={className}
      ref={handleContentRef}
      lang={language}
-      dangerouslySetInnerHTML={{ __html: content }}
+      dangerouslySetInnerHTML={{ __html: content.replace(/<\/p><p>/g, '\n\n') }}
    />
  );
 };
--- a/app/javascript/styles/mastodon/components.scss
+++ b/app/javascript/styles/mastodon/components.scss
@ -10817,14 +10817,6 @@ noscript {
      max-height: 4 * 22px;
      overflow: hidden;

-      p {
-        display: none;
-
-        &:first-child {
-          display: initial;
-        }
-      }
-
      p,
      a {
        color: inherit;
Author	SHA1	Message	Date
Claire	a00b42c5a7	Merge adjacent paragraphs in `EmbeddedStatusContent` to benefit from `-webkit-line-clamp`	2024-10-09 11:16:46 +02:00
Claire	1f79147aa4	Fix only the first paragraph being displayed in some notifications Fixes #32196	2024-10-09 10:25:13 +02:00