Fixes to text input colors on android
parent
abcfc11fe0
commit
0a2c3e6b51
|
@ -258,6 +258,7 @@ export const ComposePost = observer(function ComposePost({
|
|||
scrollEnabled
|
||||
onChangeText={(text: string) => onChangeText(text)}
|
||||
placeholder={selectTextInputPlaceholder}
|
||||
placeholderTextColor={colors.gray4}
|
||||
style={styles.textInput}>
|
||||
{textDecorated}
|
||||
</TextInput>
|
||||
|
|
|
@ -108,6 +108,7 @@ export function Component({}: {}) {
|
|||
<BottomSheetTextInput
|
||||
style={styles.textInput}
|
||||
placeholder="e.g. alices-friends"
|
||||
placeholderTextColor={colors.gray4}
|
||||
autoCorrect={false}
|
||||
value={handle}
|
||||
onChangeText={str => setHandle(makeValidHandle(str))}
|
||||
|
@ -118,6 +119,7 @@ export function Component({}: {}) {
|
|||
<BottomSheetTextInput
|
||||
style={styles.textInput}
|
||||
placeholder="e.g. Alice's Friends"
|
||||
placeholderTextColor={colors.gray4}
|
||||
value={displayName}
|
||||
onChangeText={v =>
|
||||
setDisplayName(enforceLen(v, MAX_DISPLAY_NAME))
|
||||
|
@ -129,6 +131,7 @@ export function Component({}: {}) {
|
|||
<BottomSheetTextInput
|
||||
style={[styles.textArea]}
|
||||
placeholder="e.g. Artists, dog-lovers, and memelords."
|
||||
placeholderTextColor={colors.gray4}
|
||||
multiline
|
||||
value={description}
|
||||
onChangeText={v => setDescription(enforceLen(v, MAX_DESCRIPTION))}
|
||||
|
@ -209,6 +212,7 @@ const styles = StyleSheet.create({
|
|||
paddingHorizontal: 14,
|
||||
paddingVertical: 10,
|
||||
fontSize: 16,
|
||||
color: colors.black,
|
||||
},
|
||||
textArea: {
|
||||
borderWidth: 1,
|
||||
|
@ -217,6 +221,7 @@ const styles = StyleSheet.create({
|
|||
paddingHorizontal: 12,
|
||||
paddingTop: 10,
|
||||
fontSize: 16,
|
||||
color: colors.black,
|
||||
height: 70,
|
||||
textAlignVertical: 'top',
|
||||
},
|
||||
|
|
|
@ -119,6 +119,7 @@ export function Component({
|
|||
<BottomSheetTextInput
|
||||
style={styles.textInput}
|
||||
placeholder="e.g. Alice Roberts"
|
||||
placeholderTextColor={colors.gray4}
|
||||
value={displayName}
|
||||
onChangeText={v => setDisplayName(enforceLen(v, MAX_DISPLAY_NAME))}
|
||||
/>
|
||||
|
@ -128,6 +129,7 @@ export function Component({
|
|||
<BottomSheetTextInput
|
||||
style={[styles.textArea]}
|
||||
placeholder="e.g. Artist, dog-lover, and memelord."
|
||||
placeholderTextColor={colors.gray4}
|
||||
multiline
|
||||
value={description}
|
||||
onChangeText={v => setDescription(enforceLen(v, MAX_DESCRIPTION))}
|
||||
|
@ -181,6 +183,7 @@ const styles = StyleSheet.create({
|
|||
paddingHorizontal: 14,
|
||||
paddingVertical: 10,
|
||||
fontSize: 16,
|
||||
color: colors.black,
|
||||
},
|
||||
textArea: {
|
||||
borderWidth: 1,
|
||||
|
@ -189,6 +192,7 @@ const styles = StyleSheet.create({
|
|||
paddingHorizontal: 12,
|
||||
paddingTop: 10,
|
||||
fontSize: 16,
|
||||
color: colors.black,
|
||||
height: 100,
|
||||
textAlignVertical: 'top',
|
||||
},
|
||||
|
|
|
@ -66,6 +66,7 @@ export function Component({
|
|||
<BottomSheetTextInput
|
||||
style={styles.textInput}
|
||||
placeholder="e.g. https://bsky.app"
|
||||
placeholderTextColor={colors.gray4}
|
||||
autoCapitalize="none"
|
||||
autoComplete="off"
|
||||
autoCorrect={false}
|
||||
|
@ -109,6 +110,7 @@ const styles = StyleSheet.create({
|
|||
paddingHorizontal: 14,
|
||||
paddingVertical: 12,
|
||||
fontSize: 16,
|
||||
color: colors.black,
|
||||
},
|
||||
textInputBtn: {
|
||||
borderWidth: 1,
|
||||
|
|
|
@ -39,6 +39,7 @@ export const Contacts = ({navIdx, visible, params}: ScreenParams) => {
|
|||
value={searchText}
|
||||
style={styles.searchInput}
|
||||
placeholder="Search"
|
||||
placeholderTextColor={colors.gray4}
|
||||
onChangeText={onChangeSearchText}
|
||||
/>
|
||||
</View>
|
||||
|
@ -79,5 +80,6 @@ const styles = StyleSheet.create({
|
|||
},
|
||||
searchInput: {
|
||||
flex: 1,
|
||||
color: colors.black,
|
||||
},
|
||||
})
|
||||
|
|
|
@ -58,6 +58,7 @@ export const Search = ({navIdx, visible, params}: ScreenParams) => {
|
|||
<TextInput
|
||||
ref={textInput}
|
||||
placeholder="Type your query here..."
|
||||
placeholderTextColor={colors.gray4}
|
||||
selectTextOnFocus
|
||||
returnKeyType="search"
|
||||
style={styles.input}
|
||||
|
@ -116,6 +117,7 @@ const styles = StyleSheet.create({
|
|||
input: {
|
||||
flex: 1,
|
||||
fontSize: 16,
|
||||
color: colors.black,
|
||||
},
|
||||
|
||||
outputContainer: {
|
||||
|
|
Loading…
Reference in New Issue