self-hosted/joplin
1
0
Fork 0
mirror of https://github.com/laurent22/joplin.git synced 2024-12-24 10:27:10 +02:00
Code Issues Releases Activity

Android,Web: Fix scroll issues and incorrect main content height (#11071)

Browse Source
This commit is contained in:
Henry Heino 2024-09-21 05:05:17 -07:00 committed by GitHub
parent d13e7b32c3
commit 050a896c8b
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
packages/app-mobile/components/SideMenu.tsx
View File

@ -47,8 +47,12 @@ const useStyles = ({ themeId, isLeftMenu, menuWidth, menuOpenFraction }: UseStyl
display: 'flex', display: 'flex',
alignContent: 'stretch', alignContent: 'stretch',
height: windowHeight, height: windowHeight,
flexGrow: 1,
flexShrink: 1,
}, },
contentOuterWrapper: { contentOuterWrapper: {
flexGrow: 1,
flexShrink: 1,
width: windowWidth, width: windowWidth,
height: windowHeight, height: windowHeight,
transform: [{ transform: [{
@ -64,10 +68,12 @@ const useStyles = ({ themeId, isLeftMenu, menuWidth, menuOpenFraction }: UseStyl
display: 'flex', display: 'flex',
flexDirection: 'column', flexDirection: 'column',
flexGrow: 1, flexGrow: 1,
flexShrink: 1,
}, },
menuWrapper: { menuWrapper: {
position: 'absolute', position: 'absolute',
height: windowHeight, top: 0,
bottom: 0,
width: menuWidth, width: menuWidth,
// In React Native, RTL replaces `left` with `right` and `right` with `left`. // In React Native, RTL replaces `left` with `right` and `right` with `left`.
@ -86,8 +92,6 @@ const useStyles = ({ themeId, isLeftMenu, menuWidth, menuOpenFraction }: UseStyl
bottom: 0, bottom: 0,
zIndex: 1, zIndex: 1,
width: windowWidth,
height: windowHeight,
opacity: menuOpenFraction.interpolate({ opacity: menuOpenFraction.interpolate({
inputRange: [0, 1], inputRange: [0, 1],