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 { .header {
position: relative;
font-family: var(--typography-Body-Regular-fontFamily); font-family: var(--typography-Body-Regular-fontFamily);
color: var(--Base-Text-High-contrast); 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); box-shadow: 0 0 14px 6px rgba(0, 0, 0, 0.1);
display: none; display: none;
min-width: 12.5rem; min-width: 12.5rem;
z-index: 1; z-index: var(--header-z-index);
} }
.header .dropdown { .header .dropdown {
top: 2.25rem; top: 2.25rem;

23
components/TempDesignSystem/Alert/Sidepeek/index.tsx
View File

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

4
components/TempDesignSystem/Alert/index.tsx
View File

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