Merge pull request #1333 from prezly/feature/dev-20984-implement-support-for-text-justify-in-emails-site-renderers

[DEV-20984] Fix - Add missing justify styling

Author: kudlajz

src/components/RichText/Heading.tsx

@@ -16,7 +16,7 @@ export function Heading({ node, children }: Props) {
         [styles.alignLeft]: node.align === TextAlignment.LEFT,
         [styles.alignCenter]: node.align === TextAlignment.CENTER,
         [styles.alignRight]: node.align === TextAlignment.RIGHT,
-        [styles.alignJustify]: node.align === TextAlignment.RIGHT,
+        [styles.alignJustify]: node.align === TextAlignment.JUSTIFY,
     });
 
     if (node.type === HeadingNode.Type.HEADING_ONE) {

src/components/RichText/List.tsx

@@ -18,7 +18,7 @@ export function List({ node, children }: PropsWithChildren<ListProps>) {
                 [styles.alignLeft]: node.align === TextAlignment.LEFT,
                 [styles.alignCenter]: node.align === TextAlignment.CENTER,
                 [styles.alignRight]: node.align === TextAlignment.RIGHT,
-                [styles.alignJustify]: node.align === TextAlignment.RIGHT,
+                [styles.alignJustify]: node.align === TextAlignment.JUSTIFY,
             })}
         >
             <Tag

src/components/RichText/Quote.module.scss

@@ -58,3 +58,12 @@ $content-padding: $spacing-3;
         @include quote-fix("right");
     }
 }
+
+.alignJustify {
+    text-align: justify;
+    justify-content: flex-start;
+
+    .content {
+        @include quote-fix("left");
+    }
+}