From 8325236d0ecf72d3b189ae19b7b3445f5fdadf9e Mon Sep 17 00:00:00 2001
From: Athou <jeremiepanzer@gmail.com>
Date: Sat, 17 Jun 2023 22:43:23 +0200
Subject: [PATCH] hide horizontal scrollbar (#1084)

---
 commafeed-client/src/pages/app/Layout.tsx | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/commafeed-client/src/pages/app/Layout.tsx b/commafeed-client/src/pages/app/Layout.tsx
index 505d8713..9a38f3e1 100644
--- a/commafeed-client/src/pages/app/Layout.tsx
+++ b/commafeed-client/src/pages/app/Layout.tsx
@@ -41,6 +41,11 @@ const sidebarPadding = DEFAULT_THEME.spacing.xs
 const sidebarRightBorderWidth = "1px"
 
 const useStyles = createStyles((theme, props: LayoutProps) => ({
+    sidebar: {
+        "& .mantine-ScrollArea-scrollbar[data-orientation='horizontal']": {
+            display: "none",
+        },
+    },
     sidebarContentResizeWrapper: {
         padding: sidebarPadding,
         minHeight: `calc(100vh - ${Constants.layout.headerHeight}px)`,
@@ -135,6 +140,7 @@ export default function Layout(props: LayoutProps) {
                     hiddenBreakpoint={sidebarHidden ? 99999999 : Constants.layout.mobileBreakpoint}
                     hidden={sidebarHidden || !mobileMenuOpen}
                     width={{ md: props.sidebarWidth }}
+                    className={classes.sidebar}
                 >
                     <Navbar.Section grow component={ScrollArea} mx={mobile ? 0 : "-sm"} px={mobile ? 0 : "sm"}>
                         <Resizable