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

Mobile: Fixed notebook icon spacing

Browse Source
This commit is contained in:
Laurent Cozic 2022-10-12 16:03:51 +01:00
parent c13c19b78c
commit 633c9acd49
1 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
packages/app-mobile/components/side-menu-content.tsx
View File

@ -38,6 +38,8 @@ const syncIconRotation = syncIconRotationValue.interpolate({
outputRange: ['0deg', '360deg'], outputRange: ['0deg', '360deg'],
}); });
const folderIconRightMargin = 10;
let syncIconAnimation: any; let syncIconAnimation: any;
const SideMenuContentComponent = (props: Props) => { const SideMenuContentComponent = (props: Props) => {
@ -91,7 +93,7 @@ const SideMenuContentComponent = (props: Props) => {
styles.sideButtonSelected = Object.assign({}, styles.sideButton, { backgroundColor: theme.selectedColor }); styles.sideButtonSelected = Object.assign({}, styles.sideButton, { backgroundColor: theme.selectedColor });
styles.sideButtonText = Object.assign({}, styles.buttonText); styles.sideButtonText = Object.assign({}, styles.buttonText);
styles.emptyFolderIcon = { ...styles.sidebarIcon, marginRight: 10 }; styles.emptyFolderIcon = { ...styles.sidebarIcon, marginRight: folderIconRightMargin };
return StyleSheet.create(styles); return StyleSheet.create(styles);
}, [props.themeId]); }, [props.themeId]);
@ -287,9 +289,9 @@ const SideMenuContentComponent = (props: Props) => {
} }
if (folderIcon.type === 1) { // FolderIconType.Emoji if (folderIcon.type === 1) { // FolderIconType.Emoji
return <Text style={{ fontSize: theme.fontSize, marginRight: 4 }}>{folderIcon.emoji}</Text>; return <Text style={{ fontSize: theme.fontSize, marginRight: folderIconRightMargin }}>{folderIcon.emoji}</Text>;
} else if (folderIcon.type === 2) { // FolderIconType.DataUrl } else if (folderIcon.type === 2) { // FolderIconType.DataUrl
return <Image style={{ width: 20, height: 20, marginRight: 4, resizeMode: 'contain' }} source={{ uri: folderIcon.dataUrl }}/>; return <Image style={{ width: 20, height: 20, marginRight: folderIconRightMargin, resizeMode: 'contain' }} source={{ uri: folderIcon.dataUrl }}/>;
} else { } else {
throw new Error(`Unsupported folder icon type: ${folderIcon.type}`); throw new Error(`Unsupported folder icon type: ${folderIcon.type}`);
} }