From 3ceaf28e9a5c79545775787de3e7da54299017f9 Mon Sep 17 00:00:00 2001
From: frikky <fredrik_9490@hotmail.com>
Date: Mon, 4 Oct 2021 16:15:02 +0200
Subject: [PATCH] Added basic way to resize right-side view

---
 frontend/src/views/AngularWorkflow.jsx | 34 ++++++++++++++++++--------
 1 file changed, 24 insertions(+), 10 deletions(-)

diff --git a/frontend/src/views/AngularWorkflow.jsx b/frontend/src/views/AngularWorkflow.jsx
index ddc145bb..3a2b60a6 100644
--- a/frontend/src/views/AngularWorkflow.jsx
+++ b/frontend/src/views/AngularWorkflow.jsx
@@ -4840,19 +4840,33 @@ const AngularWorkflow = (props) => {
 		overflow: "auto",
 	}
 
+	// Old static one
+	//var rightsidebarStyle = {
+	//	position: "fixed", 
+	//	right: 0, 
+	//	top: appBarSize+1,
+	//	height: "100%",
+	//	bottom: 0,
+	//	minWidth: 350, 
+	//	maxWidth: 350, 
+	//	borderLeft: "1px solid rgb(91, 96, 100)",
+	//	overflow: "scroll",
+	//	overflowX: "auto",
+	//	overflowY: "auto",
+	//	zIndex: 1000,
+	//}
+
 	var rightsidebarStyle = {
 		position: "fixed", 
-		right: 0, 
-		top: appBarSize+1,
-		height: "100%",
-		bottom: 0,
-		minWidth: 350, 
-		maxWidth: 350, 
-		borderLeft: "1px solid rgb(91, 96, 100)",
-		overflow: "scroll",
-		overflowX: "auto",
-		overflowY: "auto",
+		top: appBarSize+25,
+		right: 25, 
+		height: "80vh",
+		width: 350, 
+		border: "1px solid rgb(91, 96, 100)",
 		zIndex: 1000,
+		borderRadius: theme.palette.borderRadius,
+		resize: "both", 
+		overflow: "auto",
 	}
 
 	const setTriggerFolderWrapperMulti = event => {