martin/databag
1
0
Fork 0
mirror of https://github.com/balzack/databag.git synced 2025-02-14 12:39:17 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

avoid keyboard in settings modals

Browse Source
This commit is contained in:
balzack 2023-09-12 23:45:19 -07:00
parent 8c1eb824e7
commit e1351459fb
5 changed files with 224 additions and 219 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/mobile/src/session/profile/useProfile.hook.js
View File

@ -37,7 +37,7 @@ export function useProfile() {
updateState({ imageWidth: width, imageHeight: width, detailWidth: width + 2 }); updateState({ imageWidth: width, imageHeight: width, detailWidth: width + 2 });
} }
else { else {
updateState({ imageWidth: height, imageHeight, detailWidth: width + 2 }); updateState({ imageWidth: height, imageHeight: height, detailWidth: width + 2 });
} }
}, [dimensions]); }, [dimensions]);

4
app/mobile/src/session/settings/Settings.jsx
View File

@ -331,6 +331,7 @@ export function Settings() {
supportedOrientations={['portrait', 'landscape']} supportedOrientations={['portrait', 'landscape']}
onRequestClose={actions.hideEditSeal} onRequestClose={actions.hideEditSeal}
> >
<KeyboardAvoidingView behavior={Platform.OS === 'ios' ? 'padding' : 'height'}>
<BlurView style={styles.modalOverlay} blurType={Colors.overlay} blurAmount={2} reducedTransparencyFallbackColor="black"> <BlurView style={styles.modalOverlay} blurType={Colors.overlay} blurAmount={2} reducedTransparencyFallbackColor="black">
<View style={styles.modalContainer}> <View style={styles.modalContainer}>
<View style={styles.modalClose}> <View style={styles.modalClose}>
@ -497,6 +498,7 @@ export function Settings() {
)} )}
</View> </View>
</BlurView> </BlurView>
</KeyboardAvoidingView>
</Modal> </Modal>
<Modal <Modal
@ -506,6 +508,7 @@ export function Settings() {
supportedOrientations={['portrait', 'landscape']} supportedOrientations={['portrait', 'landscape']}
onRequestClose={actions.hideLogin} onRequestClose={actions.hideLogin}
> >
<KeyboardAvoidingView behavior={Platform.OS === 'ios' ? 'padding' : 'height'}>
<BlurView style={styles.modalOverlay} blurType={Colors.overlay} blurAmount={2} reducedTransparencyFallbackColor="black"> <BlurView style={styles.modalOverlay} blurType={Colors.overlay} blurAmount={2} reducedTransparencyFallbackColor="black">
<View style={styles.modalContainer}> <View style={styles.modalContainer}>
<View style={styles.modalClose}> <View style={styles.modalClose}>
@ -559,6 +562,7 @@ export function Settings() {
</View> </View>
</View> </View>
</BlurView> </BlurView>
</KeyboardAvoidingView>
</Modal> </Modal>
<Modal <Modal

2
app/mobile/src/session/settings/Settings.styled.js
View File

@ -269,7 +269,7 @@ export const styles = StyleSheet.create({
fontFamily: 'Roboto', fontFamily: 'Roboto',
}, },
promptButton: { promptButton: {
marginTop: 8, marginTop: 24,
marginBottom: 16, marginBottom: 16,
borderRadius: 4, borderRadius: 4,
backgroundColor: Colors.primaryButton, backgroundColor: Colors.primaryButton,

1
todo
View File

@ -1,4 +1,5 @@
login after delete fails login after delete fails
rotate screen mangles profile
registry showing stale handle for unknown contact registry showing stale handle for unknown contact
show disabled notifications if node disabled show disabled notifications if node disabled
warn if federated hostname fails warn if federated hostname fails