diff --git a/app/components/floating_text_input_label/index.tsx b/app/components/floating_text_input_label/index.tsx index 9727ce3999..3c5e7ade9c 100644 --- a/app/components/floating_text_input_label/index.tsx +++ b/app/components/floating_text_input_label/index.tsx @@ -39,10 +39,12 @@ const getStyleSheet = makeStyleSheetFromTheme((theme: Theme) => ({ paddingVertical: 5, }, input: { + backgroundColor: 'transparent', + borderWidth: 0, flex: 1, - color: theme.centerChannelColor, - fontFamily: 'OpenSans', - fontSize: 16, + paddingHorizontal: 0, + paddingTop: 0, + paddingBottom: 0, }, label: { position: 'absolute', @@ -205,6 +207,16 @@ const FloatingTextInput = forwardRef { + const res: StyleProp = [styles.textInput, styles.input, textInputStyle]; + + if (multiline) { + res.push({height: 80, textAlignVertical: 'top'}); + } + + return res; + }, [styles, theme, shouldShowError, focused, textInputStyle, focusedLabel, multiline, editable]); + const textAnimatedTextStyle = useAnimatedStyle(() => { const inputText = placeholder || value || props.defaultValue; const index = inputText || focusedLabel ? 1 : 0; @@ -245,7 +257,7 @@ const FloatingTextInput = forwardRef