From c9c01041bfc8323398722f303a1ce2cf889a3dc4 Mon Sep 17 00:00:00 2001
From: Roland Osborne <rolandosborne@gmail.com>
Date: Fri, 6 Oct 2023 12:37:37 -0700
Subject: [PATCH] investigation missing background for modals

---
 app/mobile/src/session/conversation/Conversation.jsx |  2 +-
 app/mobile/src/session/profile/Profile.jsx           |  1 -
 app/mobile/src/session/profile/Profile.styled.js     | 11 ++---------
 3 files changed, 3 insertions(+), 11 deletions(-)

diff --git a/app/mobile/src/session/conversation/Conversation.jsx b/app/mobile/src/session/conversation/Conversation.jsx
index bae661d6..691d5b4c 100644
--- a/app/mobile/src/session/conversation/Conversation.jsx
+++ b/app/mobile/src/session/conversation/Conversation.jsx
@@ -66,7 +66,7 @@ export function Conversation({ navigation, cardId, channelId, closeConversation,
   }, []);
 
   return (
-    <KeyboardAvoidingView behavior={Platform.OS === 'ios' ? 'padding' : 'height'} keyboardVerticalOffset={navigation ? 72 : 0}>
+    <KeyboardAvoidingView behavior={Platform.OS === 'ios' ? 'padding' : 'height'} keyboardVerticalOffset={navigation ? 100 : 0}>
       <View style={styles.container}>
         { !navigation && (
           <View style={styles.header}>
diff --git a/app/mobile/src/session/profile/Profile.jsx b/app/mobile/src/session/profile/Profile.jsx
index 789e0425..d1abcc64 100644
--- a/app/mobile/src/session/profile/Profile.jsx
+++ b/app/mobile/src/session/profile/Profile.jsx
@@ -201,7 +201,6 @@ export function Profile({ drawer }) {
         onRequestClose={actions.hideDetails}
       >
         <View style={styles.modalOverlay}>
-          <View style={styles.blur} />
           <KeyboardAvoidingView style={styles.modalBase} behavior={Platform.OS === 'ios' ? 'padding' : 'height'}>
             <View style={styles.modalContainer}>
               <View style={styles.modalClose}>
diff --git a/app/mobile/src/session/profile/Profile.styled.js b/app/mobile/src/session/profile/Profile.styled.js
index 7d2cd296..ce5189d5 100644
--- a/app/mobile/src/session/profile/Profile.styled.js
+++ b/app/mobile/src/session/profile/Profile.styled.js
@@ -100,11 +100,6 @@ export const styles = StyleSheet.create({
     display: 'flex',
     alignItems: 'center',
   },
-  blur: {
-    width: '100%',
-    height: '100%',
-    backgroundColor: Colors.modalOverlay,
-  },
   logo: {
     alignSelf: 'center',
   },
@@ -288,14 +283,12 @@ export const styles = StyleSheet.create({
     height: '100%',
   },
   modalBase: {
-    position: 'absolute',
-    top: 0,
-    left: 0,
     width: '100%',
     height: '100%',
     display: 'flex',
     alignItems: 'center',
-    justifyContent: 'center' 
+    justifyContent: 'center',
+    backgroundColor: Colors.modalOverlay,
   },
   modalContainer: {
     backgroundColor: Colors.modalBase,