From f3e6f43c3d658a4c43b2f0f5c879fe3abc653cd2 Mon Sep 17 00:00:00 2001
From: Michael Telatynski <7t3chguy@gmail.com>
Date: Thu, 24 Sep 2020 09:34:19 +0100
Subject: [PATCH] Improve maxHeight

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
---
 src/components/structures/LeftPanelWidget.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/structures/LeftPanelWidget.tsx b/src/components/structures/LeftPanelWidget.tsx
index d969c53bca..1f1a963f8f 100644
--- a/src/components/structures/LeftPanelWidget.tsx
+++ b/src/components/structures/LeftPanelWidget.tsx
@@ -35,7 +35,7 @@ interface IProps {
 }
 
 const MIN_HEIGHT = 100;
-const MAX_HEIGHT = 500;
+const MAX_HEIGHT = 500; // or 50% of the window height
 const INITIAL_HEIGHT = 280;
 
 const LeftPanelWidget: React.FC<IProps> = ({ onResize }) => {
@@ -85,7 +85,7 @@ const LeftPanelWidget: React.FC<IProps> = ({ onResize }) => {
         content = <Resizable
             size={{height} as any}
             minHeight={MIN_HEIGHT}
-            maxHeight={MAX_HEIGHT}
+            maxHeight={Math.min(window.innerHeight / 2, MAX_HEIGHT)}
             onResize={onResize}
             onResizeStop={(e, dir, ref, d) => {
                 setHeight(height + d.height);