Centered text in immersive CTA card

sanne-san · sanne-san · commit b00514eb3edc · 2025-01-20T14:28:01.000+01:00
Ref https://linear.app/ghost/issue/PLG-309/add-static-html-for-new-cta-card
diff --git a/packages/koenig-lexical/src/components/ui/cards/CtaCard.jsx b/packages/koenig-lexical/src/components/ui/cards/CtaCard.jsx
@@ -68,7 +68,7 @@ export function CtaCard({
                             nodes='basic'
                             placeholderClassName={`bg-transparent whitespace-normal font-serif text-xl !text-grey-500 !dark:text-grey-800 ` }
                             placeholderText="Write something worth clicking..."
-                            textClassName="w-full bg-transparent whitespace-normal font-serif text-xl text-grey-900 dark:text-grey-200"
+                            textClassName={`w-full bg-transparent whitespace-normal font-serif text-xl text-grey-900 dark:text-grey-200 ${layout === 'immersive' ? 'text-center' : 'text-left'}`}
                         >
                             <ReplacementStringsPlugin />
                         </KoenigNestedEditor>

Original file line number	Diff line number	Diff line change
`@@ -68,7 +68,7 @@ export function CtaCard({`
`68`	`68`	`nodes='basic'`
`69`	`69`	placeholderClassName={`bg-transparent whitespace-normal font-serif text-xl !text-grey-500 !dark:text-grey-800 ` }
`70`	`70`	`placeholderText="Write something worth clicking..."`
`71`		`- textClassName="w-full bg-transparent whitespace-normal font-serif text-xl text-grey-900 dark:text-grey-200"`
	`71`	+ textClassName={`w-full bg-transparent whitespace-normal font-serif text-xl text-grey-900 dark:text-grey-200 ${layout === 'immersive' ? 'text-center' : 'text-left'}`}
`72`	`72`	`>`
`73`	`73`	`<ReplacementStringsPlugin />`
`74`	`74`	`</KoenigNestedEditor>`