fix: avoid header creating own stacking context

This commit is contained in:
Christel Westerberg
2024-12-27 13:46:39 +01:00
parent b5b59329f4
commit 7887df45a3
4 changed files with 14 additions and 17 deletions

View File

@@ -32,18 +32,17 @@ export default function AlertSidepeek({
{ctaText}
<ChevronRightIcon height={20} width={20} />
</Button>
{sidePeekIsOpen ? (
<SidePeek
title={heading}
isOpen={sidePeekIsOpen}
handleClose={() => setSidePeekIsOpen(false)}
>
<JsonToHtml
nodes={content.json.children}
embeds={content.embedded_itemsConnection.edges}
/>
</SidePeek>
) : null}
<SidePeek
title={heading}
isOpen={sidePeekIsOpen}
handleClose={() => setSidePeekIsOpen(false)}
>
<JsonToHtml
nodes={content.json.children}
embeds={content.embedded_itemsConnection.edges}
/>
</SidePeek>
</div>
)
}

View File

@@ -39,12 +39,12 @@ export default function Alert({
<div className={styles.innerContent}>
<div className={styles.textWrapper}>
{heading ? (
<Body className={styles.heading} textTransform="bold" asChild>
<Body textTransform="bold" asChild>
<h2>{heading}</h2>
</Body>
) : null}
{text ? (
<Body className={styles.text}>
<Body>
{text}
{phoneContact?.phoneNumber ? (
<>