From b00365c196ba4709f90e9d90b0f8757248c0189e Mon Sep 17 00:00:00 2001
From: Ollie Hsieh <renahlee@outlook.com>
Date: Tue, 25 Apr 2023 11:34:06 -0700
Subject: Prevent keyboard from blocking alt image modal (#531)

* Prevent keyboard from blocking alt image modal

* Tune padding of altimage modal on desktop web

---------

Co-authored-by: Paul Frazee <pfrazee@gmail.com>
---
 src/view/com/modals/AltImage.tsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

(limited to 'src')

diff --git a/src/view/com/modals/AltImage.tsx b/src/view/com/modals/AltImage.tsx
index 987df1462..e6e2ed831 100644
--- a/src/view/com/modals/AltImage.tsx
+++ b/src/view/com/modals/AltImage.tsx
@@ -12,7 +12,7 @@ import LinearGradient from 'react-native-linear-gradient'
 import {useStores} from 'state/index'
 import {isDesktopWeb} from 'platform/detection'
 
-export const snapPoints = [330]
+export const snapPoints = ['80%']
 
 interface Props {
   onAltTextSet: (altText?: string | undefined) => void
@@ -34,7 +34,9 @@ export function Component({onAltTextSet}: Props) {
   }
 
   return (
-    <View testID="altTextImageModal" style={[pal.view, styles.container]}>
+    <View
+      testID="altTextImageModal"
+      style={[pal.view, styles.container, s.flex1]}>
       <Text style={[styles.title, pal.text]}>Add alt text</Text>
       <TextInput
         testID="altTextImageInput"
@@ -73,9 +75,9 @@ export function Component({onAltTextSet}: Props) {
 const styles = StyleSheet.create({
   container: {
     gap: 18,
-    bottom: 0,
-    paddingVertical: 18,
+    paddingVertical: isDesktopWeb ? 0 : 18,
     paddingHorizontal: isDesktopWeb ? 0 : 12,
+    height: '100%',
     width: '100%',
   },
   title: {
-- 
cgit 1.4.1