Fix resize handle (#779)

Author: loiswells97

CHANGELOG.md

@@ -37,7 +37,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 - Edit icon not showing in ContextMenu (#720)
 - Updated sidebar and file icons to correct size (#720)
 - Local docker setup for development (#739)
-- Editor height overflow (#771)
+- Editor height overflow (#771, #779)
 
 ## [0.19.4] - 2023-11-08
 

src/assets/stylesheets/Project.scss

@@ -86,7 +86,6 @@
   .proj-editor-container,
   .proj-runner-container {
     border-radius: 8px;
-    overflow: hidden;
   }
 
   .proj-editor-container {

src/utils/ResizableWithHandle.js

@@ -74,6 +74,9 @@ const ResizableWithHandle = (props) => {
       handleWrapperClass={handleWrapperClass}
       onResizeStop={onResizeStop}
       size={{ width: width, height: height }}
+      handleStyles={{
+        right: { height: "98%", top: "1%" },
+      }}
       {...rest}
     >
       {children}