garrettmills/commafeed
1
0
Fork 0
forked from Archives/Athou_commafeed
Code Pull Requests Activity

hide horizontal scrollbar (#1084)

Browse Source
This commit is contained in:
Athou
2023-06-17 22:43:23 +02:00
parent 437401e73f
commit 8325236d0e
1 changed files with 6 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
commafeed-client/src/pages/app/Layout.tsx
View File

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