diff options
Diffstat (limited to 'src/view/com/composer/text-input')
-rw-r--r-- | src/view/com/composer/text-input/TextInput.tsx | 4 | ||||
-rw-r--r-- | src/view/com/composer/text-input/TextInput.web.tsx | 7 |
2 files changed, 9 insertions, 2 deletions
diff --git a/src/view/com/composer/text-input/TextInput.tsx b/src/view/com/composer/text-input/TextInput.tsx index b9c9579fb..42d9bfc54 100644 --- a/src/view/com/composer/text-input/TextInput.tsx +++ b/src/view/com/composer/text-input/TextInput.tsx @@ -44,6 +44,7 @@ interface TextInputProps extends ComponentProps<typeof RNTextInput> { richtext: RichText placeholder: string webForceMinHeight: boolean + hasRightPadding: boolean isActive: boolean setRichText: (v: RichText) => void onPhotoPasted: (uri: string) => void @@ -61,6 +62,7 @@ export const TextInput = forwardRef(function TextInputImpl( { richtext, placeholder, + hasRightPadding, setRichText, onPhotoPasted, onNewLink, @@ -232,7 +234,7 @@ export const TextInput = forwardRef(function TextInputImpl( }, [t, richtext, inputTextStyle]) return ( - <View style={[a.flex_1, a.pl_md]}> + <View style={[a.flex_1, a.pl_md, hasRightPadding && a.pr_4xl]}> <PasteInput testID="composerTextInput" ref={textInput} diff --git a/src/view/com/composer/text-input/TextInput.web.tsx b/src/view/com/composer/text-input/TextInput.web.tsx index 7ce7150a1..fa742d258 100644 --- a/src/view/com/composer/text-input/TextInput.web.tsx +++ b/src/view/com/composer/text-input/TextInput.web.tsx @@ -42,6 +42,7 @@ interface TextInputProps { placeholder: string suggestedLinks: Set<string> webForceMinHeight: boolean + hasRightPadding: boolean isActive: boolean setRichText: (v: RichText | ((v: RichText) => RichText)) => void onPhotoPasted: (uri: string) => void @@ -56,6 +57,7 @@ export const TextInput = React.forwardRef(function TextInputImpl( richtext, placeholder, webForceMinHeight, + hasRightPadding, isActive, setRichText, onPhotoPasted, @@ -307,7 +309,7 @@ export const TextInput = React.forwardRef(function TextInputImpl( return ( <> - <View style={styles.container}> + <View style={[styles.container, hasRightPadding && styles.rightPadding]}> {/* @ts-ignore inputStyle is fine */} <EditorContent editor={editor} style={inputStyle} /> </View> @@ -373,6 +375,9 @@ const styles = StyleSheet.create({ marginLeft: 8, marginBottom: 10, }, + rightPadding: { + paddingRight: 32, + }, dropContainer: { backgroundColor: '#0007', pointerEvents: 'none', |