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

fix: avoid header creating own stacking context

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

2
components/Header/header.module.css
View File

@@ -1,6 +1,4 @@
.header {
position: relative;
font-family: var(--typography-Body-Regular-fontFamily);
color: var(--Base-Text-High-contrast);
z-index: var(--header-z-index);
}

2
components/LanguageSwitcher/languageSwitcher.module.css
View File

@@ -86,7 +86,7 @@
box-shadow: 0 0 14px 6px rgba(0, 0, 0, 0.1);
display: none;
min-width: 12.5rem;
z-index: 1;
z-index: var(--header-z-index);
}
.header .dropdown {
top: 2.25rem;

23
components/TempDesignSystem/Alert/Sidepeek/index.tsx
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>
)
}

4
components/TempDesignSystem/Alert/index.tsx
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 ? (
<>