From 035271b466927f118b8e832bf953a0def1caaa80 Mon Sep 17 00:00:00 2001
From: mateusz-winiarczyk <mateusz.winiarczyk@appunite.com>
Date: Thu, 4 Apr 2024 21:41:13 +0200
Subject: [PATCH] fix(scroll): fix scrolling on smaller screens (MIN-311)
---
src/components/FunctionalArea/NavBar/NavBar.component.tsx | 2 +-
.../AvailablePluginsDrawer/AvailablePluginsDrawer.component.tsx | 2 +-
2 files changed, 2 insertions(+), 2 deletions(-)
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" />
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