From 1b03f3fa0937a8df6f5a017153b0eea2a0831c0f Mon Sep 17 00:00:00 2001
From: Mateusz Winiarczyk <mateusz.winiarczyk@appunite.com>
Date: Tue, 2 Apr 2024 16:10:47 +0200
Subject: [PATCH] fix(scroll): fix scrolling on smaller screens
---
src/components/FunctionalArea/FunctionalArea.component.tsx | 2 +-
.../AvailablePluginsDrawer/AvailablePluginsDrawer.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 d38bcd19..c45a2fe8 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)]">
+ <div className="absolute left-0 top-16 z-10 flex h-[calc(100%-64px)] overflow-y-auto">
<NavBar />
</div>
</>
diff --git a/src/components/Map/Drawer/AvailablePluginsDrawer/AvailablePluginsDrawer.component.tsx b/src/components/Map/Drawer/AvailablePluginsDrawer/AvailablePluginsDrawer.component.tsx
index 80af258e..d0922759 100644
--- a/src/components/Map/Drawer/AvailablePluginsDrawer/AvailablePluginsDrawer.component.tsx
+++ b/src/components/Map/Drawer/AvailablePluginsDrawer/AvailablePluginsDrawer.component.tsx
@@ -7,7 +7,7 @@ export const AvailablePluginsDrawer = (): JSX.Element => {
return (
<div className="h-full max-h-full" data-testid="available-plugins-drawer">
<DrawerHeading title="Available plugins" />
- <div className="flex flex-col gap-6 p-6">
+ <div className="flex h-[calc(100%-93px)] max-h-[calc(100%-93px)] flex-col gap-6 overflow-y-auto p-6">
<LoadPluginFromUrl />
<PrivateActivePlugins />
<PublicPlugins />
--
GitLab