From 2530d715346035a0bcce2fba82b768398adee055 Mon Sep 17 00:00:00 2001
From: Manuel <30572287+manuel-rw@users.noreply.github.com>
Date: Sun, 5 Feb 2023 22:23:07 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20Fix=20modal=20position=20when=20?=
 =?UTF-8?q?scroling?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Tiles/Widgets/WidgetsEditModal.tsx         |  1 -
 .../Dashboard/Tiles/Widgets/WidgetsMenu.tsx    | 18 ++++++++++++++++++
 2 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/src/components/Dashboard/Tiles/Widgets/WidgetsEditModal.tsx b/src/components/Dashboard/Tiles/Widgets/WidgetsEditModal.tsx
index 73a8110d3..62a2550a4 100644
--- a/src/components/Dashboard/Tiles/Widgets/WidgetsEditModal.tsx
+++ b/src/components/Dashboard/Tiles/Widgets/WidgetsEditModal.tsx
@@ -37,7 +37,6 @@ export const WidgetsEditModal = ({
 }: ContextModalProps<WidgetEditModalInnerProps>) => {
   const { t } = useTranslation([`modules/${innerProps.widgetId}`, 'common']);
   const [moduleProperties, setModuleProperties] = useState(innerProps.options);
-  // const items = Object.entries(moduleProperties ?? {}) as [string, IntegrationOptionsValueType][];
   const items = Object.entries(innerProps.widgetOptions ?? {}) as [
     string,
     IntegrationOptionsValueType
diff --git a/src/components/Dashboard/Tiles/Widgets/WidgetsMenu.tsx b/src/components/Dashboard/Tiles/Widgets/WidgetsMenu.tsx
index 1023bc734..aa98f0ad3 100644
--- a/src/components/Dashboard/Tiles/Widgets/WidgetsMenu.tsx
+++ b/src/components/Dashboard/Tiles/Widgets/WidgetsMenu.tsx
@@ -40,6 +40,12 @@ export const WidgetsMenu = ({ integration, widget }: WidgetsMenuProps) => {
       innerProps: {
         widgetId: integration,
       },
+      styles: {
+        inner: {
+          position: 'sticky',
+          top: 30,
+        },
+      },
     });
   };
 
@@ -53,6 +59,12 @@ export const WidgetsMenu = ({ integration, widget }: WidgetsMenuProps) => {
         widget,
         wrapperColumnCount,
       },
+      styles: {
+        inner: {
+          position: 'sticky',
+          top: 30,
+        },
+      },
     });
   };
 
@@ -67,6 +79,12 @@ export const WidgetsMenu = ({ integration, widget }: WidgetsMenuProps) => {
         widgetOptions: widgetDefinitionObject.options as any,
       },
       zIndex: 5,
+      styles: {
+        inner: {
+          position: 'sticky',
+          top: 30,
+        },
+      },
     });
   };