From 7b173a68d56a96aee242596088cb6a5fb2985f27 Mon Sep 17 00:00:00 2001
From: pengx17 <pengxiao@outlook.com>
Date: Mon, 16 Dec 2024 03:44:16 +0000
Subject: [PATCH] fix(mobile): hide scrollbar (#9144)

fix AF-1934
---
 packages/frontend/component/src/ui/scrollbar/index.css.ts   | 5 +++++
 packages/frontend/component/src/ui/scrollbar/scrollable.tsx | 5 ++++-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/packages/frontend/component/src/ui/scrollbar/index.css.ts b/packages/frontend/component/src/ui/scrollbar/index.css.ts
index dcfb329834..e634a8d5c0 100644
--- a/packages/frontend/component/src/ui/scrollbar/index.css.ts
+++ b/packages/frontend/component/src/ui/scrollbar/index.css.ts
@@ -53,6 +53,11 @@ export const scrollbar = style({
     },
   },
 });
+
+export const mobileScrollbar = style({
+  display: 'none',
+});
+
 export const TableScrollbar = style({
   marginTop: '60px',
   height: 'calc(100% - 120px)',
diff --git a/packages/frontend/component/src/ui/scrollbar/scrollable.tsx b/packages/frontend/component/src/ui/scrollbar/scrollable.tsx
index 93287ccd88..ddd21a1c99 100644
--- a/packages/frontend/component/src/ui/scrollbar/scrollable.tsx
+++ b/packages/frontend/component/src/ui/scrollbar/scrollable.tsx
@@ -48,7 +48,10 @@ export const ScrollableScrollbar = forwardRef<
       orientation="vertical"
       {...props}
       ref={ref}
-      className={clsx(className, styles.scrollbar)}
+      className={clsx(
+        className,
+        BUILD_CONFIG.isMobileEdition ? styles.mobileScrollbar : styles.scrollbar
+      )}
     >
       <ScrollArea.Thumb className={styles.scrollbarThumb} />
       {children}