haskal
/
jiti-meet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(settings/native): updated placeholder and placeholder text color

This commit is contained in:
Calin-Teodor 2022-08-29 11:18:38 +03:00 committed by Calinteodor
parent 206215c7c1
commit a7c1aa4900
2 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
react/features/settings/components/native/SettingsView.js
View File

@ -7,7 +7,8 @@ import {
NativeModules, NativeModules,
Platform, Platform,
ScrollView, ScrollView,
Text, View Text,
View
} from 'react-native'; } from 'react-native';
import { import {
Divider, Divider,
@ -35,7 +36,7 @@ import {
import FormRow from './FormRow'; import FormRow from './FormRow';
import FormSectionAccordion from './FormSectionAccordion'; import FormSectionAccordion from './FormSectionAccordion';
import styles from './styles'; import styles, { PLACEHOLDER_COLOR, PLACEHOLDER_TEXT_COLOR } from './styles';
/** /**
* Application information module. * Application information module.
@ -196,7 +197,7 @@ class SettingsView extends AbstractSettingsView<Props, State> {
colors: { colors: {
background: palette.ui01, background: palette.ui01,
placeholder: palette.text01, placeholder: palette.text01,
primary: palette.screen01Header, primary: PLACEHOLDER_COLOR,
underlineColor: 'transparent', underlineColor: 'transparent',
text: palette.text01 text: palette.text01
} }
@ -223,6 +224,7 @@ class SettingsView extends AbstractSettingsView<Props, State> {
mode = 'outlined' mode = 'outlined'
onChangeText = { this._onChangeDisplayName } onChangeText = { this._onChangeDisplayName }
placeholder = { this.props.t('settingsView.displayNamePlaceholderText') } placeholder = { this.props.t('settingsView.displayNamePlaceholderText') }
placeholderTextColor = { PLACEHOLDER_TEXT_COLOR }
spellCheck = { false } spellCheck = { false }
style = { styles.textInputContainer } style = { styles.textInputContainer }
textContentType = { 'name' } // iOS only textContentType = { 'name' } // iOS only
@ -237,6 +239,7 @@ class SettingsView extends AbstractSettingsView<Props, State> {
mode = 'outlined' mode = 'outlined'
onChangeText = { this._onChangeEmail } onChangeText = { this._onChangeEmail }
placeholder = 'email@example.com' placeholder = 'email@example.com'
placeholderTextColor = { PLACEHOLDER_TEXT_COLOR }
spellCheck = { false } spellCheck = { false }
style = { styles.textInputContainer } style = { styles.textInputContainer }
textContentType = { 'emailAddress' } // iOS only textContentType = { 'emailAddress' } // iOS only
@ -255,6 +258,7 @@ class SettingsView extends AbstractSettingsView<Props, State> {
onBlur = { this._onBlurServerURL } onBlur = { this._onBlurServerURL }
onChangeText = { this._onChangeServerURL } onChangeText = { this._onChangeServerURL }
placeholder = { this.props._serverURL } placeholder = { this.props._serverURL }
placeholderTextColor = { PLACEHOLDER_TEXT_COLOR }
spellCheck = { false } spellCheck = { false }
style = { styles.textInputContainer } style = { styles.textInputContainer }
textContentType = { 'URL' } // iOS only textContentType = { 'URL' } // iOS only

1
react/features/settings/components/native/styles.js
View File

@ -3,6 +3,7 @@ import BaseTheme from '../../../base/ui/components/BaseTheme.native';
export const ANDROID_UNDERLINE_COLOR = 'transparent'; export const ANDROID_UNDERLINE_COLOR = 'transparent';
export const PLACEHOLDER_COLOR = BaseTheme.palette.focus01; export const PLACEHOLDER_COLOR = BaseTheme.palette.focus01;
export const PLACEHOLDER_TEXT_COLOR = BaseTheme.palette.text03;
const TEXT_SIZE = 14; const TEXT_SIZE = 14;