self-hosted/joplin
1
0
Fork 0
mirror of https://github.com/laurent22/joplin.git synced 2025-07-16 00:14:34 +02:00
Code Issues Releases Activity

Mobile: Allow new note and new to-do buttons to wrap (#12163)

Browse Source 
Co-authored-by: Laurent Cozic <laurent22@users.noreply.github.com>
This commit is contained in:
Henry Heino
2025-04-29 05:54:58 -07:00
committed by GitHub
parent d85394681d
commit 13a572efa9
2 changed files with 5 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/app-mobile/components/BottomDrawer.tsx
View File

@ -48,6 +48,8 @@ const useStyles = (theme: ThemeStyle) => {
gap: 8, gap: 8,
flexDirection: 'row', flexDirection: 'row',
flexWrap: 'wrap', flexWrap: 'wrap',
flexShrink: 1,
flexGrow: 1,
}, },
modalBackground: { modalBackground: {
paddingTop: 0, paddingTop: 0,

10
packages/app-mobile/components/screens/Notes/NewNoteButton.tsx
View File

@ -30,18 +30,15 @@ const styles = StyleSheet.create({
gap: 2, gap: 2,
}, },
mainButtonRow: { mainButtonRow: {
flexWrap: 'nowrap', flexWrap: 'wrap',
}, gap: 6,
spacer: {
flexShrink: 1,
flexGrow: 0,
width: 12,
}, },
shortcutButton: { shortcutButton: {
flexGrow: 1, flexGrow: 1,
}, },
mainButton: { mainButton: {
flexShrink: 1, flexShrink: 1,
flexGrow: 1,
}, },
mainButtonLabel: { mainButtonLabel: {
fontSize: 16, fontSize: 16,
@ -85,7 +82,6 @@ const NewNoteButton: React.FC<Props> = _props => {
type={ButtonType.Secondary} type={ButtonType.Secondary}
size={ButtonSize.Larger} size={ButtonSize.Larger}
>{_('New to-do')}</TextButton> >{_('New to-do')}</TextButton>
<View style={styles.spacer}/>
<TextButton <TextButton
touchableRef={newNoteRef} touchableRef={newNoteRef}
icon='file-document-outline' icon='file-document-outline'