fix(mobile): hide scrollbar (#9144)

fix AF-1934
toeverything · Dec 16, 2024 · 7b173a6 · 7b173a6
1 parent a84a40e
commit 7b173a6
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git 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
@@ -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}