zio/bsky-app
2
0
Fork 0
Code Pull requests Releases Packages Activity

Fixes to text input colors on android

Browse source
This commit is contained in:
Paul Frazee 2022-12-20 14:29:50 -06:00
parent abcfc11fe0
commit 0a2c3e6b51
6 changed files with 16 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

1
src/view/com/composer/ComposePost.tsx
View file

@ -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>

5
src/view/com/modals/CreateScene.tsx
View file

@ -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',
},

4
src/view/com/modals/EditProfile.tsx
View file

@ -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',
},

2
src/view/com/modals/ServerInput.tsx
View file

@ -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,