diff options
| author | dan <dan.abramov@gmail.com> | 2024-11-01 22:02:39 +0000 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-11-01 22:02:39 +0000 |
| commit | 3eb531b00004f3752ec825350df1943c33028ac1 (patch) | |
| tree | 9458b24e387cdc5988d332168e042ef7a9c8d1fe /src/view/com/composer/text-input/TextInput.web.tsx | |
| parent | 46004fb2d0afd2bca14fcbd1c45b077d1e3f3c6b (diff) | |
| download | voidsky-3eb531b00004f3752ec825350df1943c33028ac1.tar.zst | |
Composer UI fixes (#6065)
* Fix close button overlap * Make footer actually sticky on web * Special toast for thread * Only stick to bottom for last post
Diffstat (limited to 'src/view/com/composer/text-input/TextInput.web.tsx')
| -rw-r--r-- | src/view/com/composer/text-input/TextInput.web.tsx | 7 |
1 files changed, 6 insertions, 1 deletions
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', |