From 28a7d72b535d71ea1830cefc88812d60759db98a Mon Sep 17 00:00:00 2001
From: Mateusz Winiarczyk <mateusz.winiarczyk@appunite.com>
Date: Thu, 4 Apr 2024 21:04:57 +0200
Subject: [PATCH] fix(scroll): fix navbar background when navbar is scrolled
and drawer is open
---
src/components/FunctionalArea/FunctionalArea.component.tsx | 2 +-
src/components/FunctionalArea/NavBar/NavBar.component.tsx | 2 +-
2 files changed, 2 insertions(+), 2 deletions(-)
diff --git a/src/components/FunctionalArea/FunctionalArea.component.tsx b/src/components/FunctionalArea/FunctionalArea.component.tsx
index c45a2fe8..d38bcd19 100644
--- a/src/components/FunctionalArea/FunctionalArea.component.tsx
+++ b/src/components/FunctionalArea/FunctionalArea.component.tsx
@@ -10,7 +10,7 @@ export const FunctionalArea = (): JSX.Element => (
<div className="absolute left-[88px] top-16 z-10 w-[calc(100%-88px)]">
<MapNavigation />
</div>
- <div className="absolute left-0 top-16 z-10 flex h-[calc(100%-64px)] overflow-y-auto">
+ <div className="absolute left-0 top-16 z-10 flex h-[calc(100%-64px)]">
<NavBar />
</div>
</>
diff --git a/src/components/FunctionalArea/NavBar/NavBar.component.tsx b/src/components/FunctionalArea/NavBar/NavBar.component.tsx
index acf0a816..26bf00ae 100644
--- a/src/components/FunctionalArea/NavBar/NavBar.component.tsx
+++ b/src/components/FunctionalArea/NavBar/NavBar.component.tsx
@@ -34,7 +34,7 @@ export const NavBar = (): JSX.Element => {
};
return (
- <div className="flex min-h-full w-[88px] flex-col items-center justify-between bg-cultured py-8">
+ <div className="flex min-h-full w-[88px] flex-col items-center justify-between overflow-y-auto bg-cultured py-8">
<div data-testid="nav-buttons">
<div className="mb-8 flex flex-col gap-[10px]">
<IconButton icon="info" onClick={openDrawerInfo} title="Project info" />
--
GitLab