From 0450fcea8ba89905616ac3381ed56cbbf0a1f170 Mon Sep 17 00:00:00 2001
From: CatsJuice <wp1298554944@hotmail.com>
Date: Thu, 19 Sep 2024 06:25:07 +0000
Subject: [PATCH] fix(core): sidebar scrollbar is coverd by resize handle
 (#8307)

close AF-1236
---
 .../component/src/components/resize-panel/resize-panel.css.ts   | 2 +-
 packages/frontend/core/src/components/app-sidebar/index.tsx     | 2 +-
 .../frontend/core/src/modules/workbench/view/workbench-root.tsx | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/frontend/component/src/components/resize-panel/resize-panel.css.ts b/packages/frontend/component/src/components/resize-panel/resize-panel.css.ts
index 7ce8e10359..3bb16856c1 100644
--- a/packages/frontend/component/src/components/resize-panel/resize-panel.css.ts
+++ b/packages/frontend/component/src/components/resize-panel/resize-panel.css.ts
@@ -50,7 +50,7 @@ export const resizeHandleContainer = style({
   right: resizeHandleOffsetVar,
   top: resizeHandleVerticalPadding,
   bottom: resizeHandleVerticalPadding,
-  width: 16,
+  width: 8,
   zIndex: '1',
   transform: 'translateX(50%)',
   backgroundColor: 'transparent',
diff --git a/packages/frontend/core/src/components/app-sidebar/index.tsx b/packages/frontend/core/src/components/app-sidebar/index.tsx
index 7e968312f3..4ba44c36bb 100644
--- a/packages/frontend/core/src/components/app-sidebar/index.tsx
+++ b/packages/frontend/core/src/components/app-sidebar/index.tsx
@@ -94,7 +94,7 @@ export function AppSidebar({ children }: PropsWithChildren) {
         onResizing={setResizing}
         onWidthChange={setWidth}
         className={navWrapperStyle}
-        resizeHandleOffset={clientBorder ? 8 : 0}
+        resizeHandleOffset={0}
         resizeHandleVerticalPadding={clientBorder ? 16 : 0}
         data-transparent
         data-open={open}
diff --git a/packages/frontend/core/src/modules/workbench/view/workbench-root.tsx b/packages/frontend/core/src/modules/workbench/view/workbench-root.tsx
index 6f0c1ee2c1..5a2ea7facc 100644
--- a/packages/frontend/core/src/modules/workbench/view/workbench-root.tsx
+++ b/packages/frontend/core/src/modules/workbench/view/workbench-root.tsx
@@ -149,7 +149,7 @@ const WorkbenchSidebar = () => {
     <ResizePanel
       floating={floating}
       resizeHandlePos="left"
-      resizeHandleOffset={clientBorder ? 3.5 : 0}
+      resizeHandleOffset={0}
       width={width}
       resizing={resizing}
       onResizing={setResizing}