Mirrors/rowy
1
0
Fork 0
mirror of https://github.com/rowyio/rowy.git synced 2025-12-29 00:16:39 +01:00
Code Issues Packages Projects Releases Wiki Activity

Navigation: fix horizontal scroll

Browse Source
This commit is contained in:
Sidney Alcantara
2021-09-23 10:24:54 +10:00
parent 295d1859e0
commit d429346830
1 changed files with 20 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
src/components/Navigation/index.tsx
View File

@@ -77,15 +77,17 @@ export default function Navigation({
transition: (theme) => theme.transitions.create("opacity"),
},
pl: pinned && open ? `${NAV_DRAWER_WIDTH}px` : 0,
pl: canPin && pinned && open ? `${NAV_DRAWER_WIDTH}px` : 0,
transition: (theme) =>
theme.transitions.create("padding-left", {
easing: pinned
? theme.transitions.easing.easeOut
: theme.transitions.easing.sharp,
duration: pinned
? theme.transitions.duration.enteringScreen
: theme.transitions.duration.leavingScreen,
easing:
canPin && pinned
? theme.transitions.easing.easeOut
: theme.transitions.easing.sharp,
duration:
canPin && pinned
? theme.transitions.duration.enteringScreen
: theme.transitions.duration.leavingScreen,
}),
}}
>
@@ -162,7 +164,17 @@ export default function Navigation({
<Loading fullScreen style={{ marginTop: -APP_BAR_HEIGHT }} />
}
>
<div style={{ flexGrow: 1 }}>{children}</div>
<div
style={{
flexGrow: 1,
maxWidth:
canPin && pinned && open
? `calc(100% - ${NAV_DRAWER_WIDTH}px)`
: "100%",
}}
>
{children}
</div>
</Suspense>
</ErrorBoundary>
</Stack>