From 38022aae8248e2a7297fa8a9e29c294e666e6430 Mon Sep 17 00:00:00 2001
From: sadakchap <aliceprerna@gmail.com>
Date: Wed, 24 Apr 2024 17:24:26 +0530
Subject: [PATCH 1/2] fix: cloud code scroll

---
 .../B4ACodeTree/B4ACodeTree.react.js          | 27 ++++++++++---------
 src/components/B4ACodeTree/B4ACodeTree.scss   |  2 +-
 2 files changed, 15 insertions(+), 14 deletions(-)

diff --git a/src/components/B4ACodeTree/B4ACodeTree.react.js b/src/components/B4ACodeTree/B4ACodeTree.react.js
index a993977c8e..9c7c3d621b 100644
--- a/src/components/B4ACodeTree/B4ACodeTree.react.js
+++ b/src/components/B4ACodeTree/B4ACodeTree.react.js
@@ -363,20 +363,21 @@ export default class B4ACodeTree extends React.Component {
                 </ReactFileReader>
               </div>
             </div>
-            <Resizable className={styles['files-tree']}
-              defaultSize={{ height: '100%', overflow: 'srcoll', width: '100%' }}
-              enable={{
-                top:false,
-                right:false,
-                bottom:true,
-                left:false,
-                topRight:false,
-                bottomRight:false,
-                bottomLeft:false,
-                topLeft:false
-              }}>
+            <div className={styles['files-tree']}
+              // defaultSize={{ height: '100%', overflow: 'srcoll', width: '100%' }}
+              // enable={{
+              //   top:false,
+              //   right:false,
+              //   bottom:true,
+              //   left:false,
+              //   topRight:false,
+              //   bottomRight:false,
+              //   bottomLeft:false,
+              //   topLeft:false
+              // }}
+            >
               <div id={'tree'} onClick={this.watchSelectedNode.bind(this)}></div>
-            </Resizable>
+            </div>
           </div>
         </div>
         <div className={styles.filePreview}>
diff --git a/src/components/B4ACodeTree/B4ACodeTree.scss b/src/components/B4ACodeTree/B4ACodeTree.scss
index 0597893908..29eba208e6 100644
--- a/src/components/B4ACodeTree/B4ACodeTree.scss
+++ b/src/components/B4ACodeTree/B4ACodeTree.scss
@@ -105,7 +105,7 @@
   }
 
   .files-tree {
-    height: calc(100% - 57px)!important;
+    height: calc(100% - 57px - 16px)!important;
     overflow: overlay;
   }
 

From f7989c61a9b3e3baab55743c82984859d7179d55 Mon Sep 17 00:00:00 2001
From: sadakchap <aliceprerna@gmail.com>
Date: Wed, 24 Apr 2024 17:25:00 +0530
Subject: [PATCH 2/2] fix: increase column resize cell area

---
 .../DataBrowserHeaderBar/DataBrowserHeaderBar.scss       | 9 +++++++--
 src/dashboard/Data/Browser/Browser.scss                  | 7 ++++---
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/components/DataBrowserHeaderBar/DataBrowserHeaderBar.scss b/src/components/DataBrowserHeaderBar/DataBrowserHeaderBar.scss
index c7bcb791e2..96daafcc5c 100644
--- a/src/components/DataBrowserHeaderBar/DataBrowserHeaderBar.scss
+++ b/src/components/DataBrowserHeaderBar/DataBrowserHeaderBar.scss
@@ -76,11 +76,16 @@
 .handle {
   position: relative;
   display: inline-block;
-  width: 1px;
-  background-color: rgba(249, 249, 249, 0.06);
+  width: 5px;
+  // background-color: rgba(249, 249, 249, 0.06);
   height: 46px;
   // margin: 0 1rem;
   cursor: ew-resize;
+  border-right: 1px solid rgba(249, 249, 249, 0.06);
+  transition: 0.5s all ease-in;
+  // &:hover {
+  //   background-color: rgba(249, 249, 249, 0.06);
+  // }
 }
 
 .pickerPointer {
diff --git a/src/dashboard/Data/Browser/Browser.scss b/src/dashboard/Data/Browser/Browser.scss
index edd7cf1f5c..04867be90c 100644
--- a/src/dashboard/Data/Browser/Browser.scss
+++ b/src/dashboard/Data/Browser/Browser.scss
@@ -212,9 +212,10 @@ body:global(.sidebarCollapsed) {
   & .cellSeparator {
     // margin: 0 1rem;
     height: 36px;
-    width: 1px;
-    background: rgba(249, 249, 249, 0.06);
+    width: 5px;
+    // background: rgba(249, 249, 249, 0.06);
     display: inline-block;
+    border-right: 1px solid rgba(249, 249, 249, 0.06);
   }
 }
 
@@ -457,7 +458,7 @@ body:global(.sidebarCollapsed) {
     }
 
     & .cellSeparator {
-      background: #CCCCCC29;
+      // background: #CCCCCC29;
     }
   }
   .deleteBtn {