From 6c4437bc0b250da868cfc5e72ac33917046b6c88 Mon Sep 17 00:00:00 2001 From: Truls Henrik Jakobsen Date: Tue, 10 Dec 2024 16:15:21 +0100 Subject: [PATCH 1/3] fix: language switcher shouldn't scroll either --- src/components/languageSwitcher/LanguageSwitcher.tsx | 1 + 1 file changed, 1 insertion(+) diff --git a/src/components/languageSwitcher/LanguageSwitcher.tsx b/src/components/languageSwitcher/LanguageSwitcher.tsx index 587671b3d..a99348be7 100644 --- a/src/components/languageSwitcher/LanguageSwitcher.tsx +++ b/src/components/languageSwitcher/LanguageSwitcher.tsx @@ -28,6 +28,7 @@ export default function LanguageSwitcher({ {pathTranslation._key.toUpperCase()} From c50684f95fe27f0695a4f9862af2c45747d540ea Mon Sep 17 00:00:00 2001 From: Truls Henrik Jakobsen Date: Tue, 10 Dec 2024 16:24:59 +0100 Subject: [PATCH 2/3] fix: give header space for our links --- src/components/link/link.module.css | 1 + src/components/navigation/header/header.module.css | 2 +- 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/src/components/link/link.module.css b/src/components/link/link.module.css index 43eff49b1..03ed5cbf5 100644 --- a/src/components/link/link.module.css +++ b/src/components/link/link.module.css @@ -140,6 +140,7 @@ } .headerLink { + white-space: nowrap; color: var(--text-primary); cursor: pointer; text-decoration: none; diff --git a/src/components/navigation/header/header.module.css b/src/components/navigation/header/header.module.css index c4e95800e..a75bf3602 100644 --- a/src/components/navigation/header/header.module.css +++ b/src/components/navigation/header/header.module.css @@ -41,7 +41,7 @@ .wrapper { position: absolute; - padding: 0rem 3rem 0rem 3rem; + padding: 0 1rem; border-radius: 0.75rem; background: var(--background-header-light-transparent); box-shadow: 0px 0.5px 2px 0px #eaeaea; From 26e02e3bede28fe5cedc2d30a6b6630305d601c2 Mon Sep 17 00:00:00 2001 From: Truls Henrik Jakobsen Date: Tue, 10 Dec 2024 16:50:57 +0100 Subject: [PATCH 3/3] update max width of header with design --- src/components/navigation/header/header.module.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/components/navigation/header/header.module.css b/src/components/navigation/header/header.module.css index a75bf3602..67794d4bd 100644 --- a/src/components/navigation/header/header.module.css +++ b/src/components/navigation/header/header.module.css @@ -18,7 +18,7 @@ .nav { --nav-height: 5rem; - max-width: min(960px, calc(100vw - 2rem)); + max-width: min(1091px, calc(100vw - 2rem)); min-height: var(--nav-height); position: relative; margin-inline: auto; @@ -41,12 +41,12 @@ .wrapper { position: absolute; - padding: 0 1rem; + padding: 0 3rem; border-radius: 0.75rem; background: var(--background-header-light-transparent); box-shadow: 0px 0.5px 2px 0px #eaeaea; backdrop-filter: blur(40px); - max-width: min(960px, calc(100vw - 2rem)); + max-width: min(1091px, calc(100vw - 2rem)); width: 100%; justify-self: center;