scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(BOOK-771): Added spacing between content and cta wrapper in TeaserCard sidepeeks

Browse Source 
Approved-by: Bianca Widstam
This commit is contained in:
Erik Tiekstra
2026-01-28 12:03:22 +00:00
parent 1bb1a7e139
commit d193bf057d
2 changed files with 38 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
packages/design-system/lib/components/TeaserCard/Sidepeek/index.tsx
View File

@@ -47,35 +47,39 @@ export default function TeaserCardSidepeek({
defaultMessage: "Close", defaultMessage: "Close",
})} })}
> >
{content ? ( <div className={styles.content}>
<JsonToHtml {content ? (
nodes={content.json.children} <JsonToHtml
embeds={content.embedded_itemsConnection.edges} nodes={content.json.children}
/> embeds={content.embedded_itemsConnection.edges}
) : null} />
<div className={styles.ctaContainer}> ) : null}
{primary_button && ( {primary_button || secondary_button ? (
<ButtonLink <div className={styles.ctaContainer}>
variant="Primary" {primary_button && (
color="Primary" <ButtonLink
size="sm" variant="Primary"
href={primary_button.href} color="Primary"
target={primary_button.openInNewTab ? "_blank" : undefined} size="sm"
> href={primary_button.href}
{primary_button.title} target={primary_button.openInNewTab ? "_blank" : undefined}
</ButtonLink> >
)} {primary_button.title}
{secondary_button && ( </ButtonLink>
<ButtonLink )}
variant="Secondary" {secondary_button && (
color="Primary" <ButtonLink
size="sm" variant="Secondary"
href={secondary_button.href} color="Primary"
target={secondary_button.openInNewTab ? "_blank" : undefined} size="sm"
> href={secondary_button.href}
{secondary_button.title} target={secondary_button.openInNewTab ? "_blank" : undefined}
</ButtonLink> >
)} {secondary_button.title}
</ButtonLink>
)}
</div>
) : null}
</div> </div>
</SidePeek> </SidePeek>
</div> </div>

5
packages/design-system/lib/components/TeaserCard/Sidepeek/sidepeek.module.css
View File

@@ -6,3 +6,8 @@
display: grid; display: grid;
gap: var(--Space-x2); gap: var(--Space-x2);
} }
.content {
display: grid;
gap: var(--Space-x4);
}