From 7887df45a3fca78368fa777dd7ddab273529523d Mon Sep 17 00:00:00 2001 From: Christel Westerberg Date: Fri, 27 Dec 2024 13:46:39 +0100 Subject: [PATCH] fix: avoid header creating own stacking context --- components/Header/header.module.css | 2 -- .../languageSwitcher.module.css | 2 +- .../TempDesignSystem/Alert/Sidepeek/index.tsx | 23 +++++++++---------- components/TempDesignSystem/Alert/index.tsx | 4 ++-- 4 files changed, 14 insertions(+), 17 deletions(-) diff --git a/components/Header/header.module.css b/components/Header/header.module.css index beddf72b3..a3d728549 100644 --- a/components/Header/header.module.css +++ b/components/Header/header.module.css @@ -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); } diff --git a/components/LanguageSwitcher/languageSwitcher.module.css b/components/LanguageSwitcher/languageSwitcher.module.css index 82753e9b5..1f94a4d1a 100644 --- a/components/LanguageSwitcher/languageSwitcher.module.css +++ b/components/LanguageSwitcher/languageSwitcher.module.css @@ -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; diff --git a/components/TempDesignSystem/Alert/Sidepeek/index.tsx b/components/TempDesignSystem/Alert/Sidepeek/index.tsx index d967bd24e..eadba002e 100644 --- a/components/TempDesignSystem/Alert/Sidepeek/index.tsx +++ b/components/TempDesignSystem/Alert/Sidepeek/index.tsx @@ -32,18 +32,17 @@ export default function AlertSidepeek({ {ctaText} - {sidePeekIsOpen ? ( - setSidePeekIsOpen(false)} - > - - - ) : null} + + setSidePeekIsOpen(false)} + > + + ) } diff --git a/components/TempDesignSystem/Alert/index.tsx b/components/TempDesignSystem/Alert/index.tsx index ff6d0c8f9..bc5b20c01 100644 --- a/components/TempDesignSystem/Alert/index.tsx +++ b/components/TempDesignSystem/Alert/index.tsx @@ -39,12 +39,12 @@ export default function Alert({
{heading ? ( - +

{heading}

) : null} {text ? ( - + {text} {phoneContact?.phoneNumber ? ( <>