mirror
/
soapbox
kopia lustrzana https://gitlab.com/soapbox-pub/soapbox
1
0
Forkuj 1
Kod Zgłoszenia Packages Projekty Wydania Wiki Aktywność

Merge branch 'ios-improvements' into 'develop' 

Improve mobile input fields

See merge request soapbox-pub/soapbox-fe!851
features-override
Alex Gleason 2021-11-04 05:59:24 +00:00
rodzic 250b945d03 d76219c624
commit d7cae9c3ec
9 zmienionych plików z 43 dodań i 4 usunięć
Pokaż statystyki Ściągnij plik aktualizacji Ściągnij plik porównania Expand all files Collapse all files

2
app/soapbox/features/auth_login/components/__tests__/__snapshots__/captcha-test.js.snap
Wyświetl plik

@ -14,7 +14,9 @@ exports[`<NativeCaptchaField /> renders correctly 1`] = `
className="input required"
>
<input
autoCapitalize="off"
autoComplete="off"
autoCorrect="off"
onChange={[Function]}
placeholder="Enter the pictured text"
required={true}

8
app/soapbox/features/auth_login/components/__tests__/__snapshots__/login_form-test.js.snap
Wyświetl plik

@ -14,7 +14,9 @@ exports[`<LoginForm /> renders for Mastodon 1`] = `
>
<input
aria-label="Username"
autoCapitalize="off"
autoComplete="off"
autoCorrect="off"
className="string email"
name="username"
placeholder="Username"
@ -27,7 +29,9 @@ exports[`<LoginForm /> renders for Mastodon 1`] = `
>
<input
aria-label="Password"
autoCapitalize="off"
autoComplete="off"
autoCorrect="off"
className="password"
name="password"
placeholder="Password"
@ -74,7 +78,9 @@ exports[`<LoginForm /> renders for Pleroma 1`] = `
>
<input
aria-label="Username"
autoCapitalize="off"
autoComplete="off"
autoCorrect="off"
className="string email"
name="username"
placeholder="Username"
@ -87,7 +93,9 @@ exports[`<LoginForm /> renders for Pleroma 1`] = `
>
<input
aria-label="Password"
autoCapitalize="off"
autoComplete="off"
autoCorrect="off"
className="password"
name="password"
placeholder="Password"

4
app/soapbox/features/auth_login/components/__tests__/__snapshots__/login_page-test.js.snap
Wyświetl plik

@ -17,7 +17,9 @@ exports[`<LoginPage /> renders correctly on load 1`] = `
>
<input
aria-label="Username"
autoCapitalize="off"
autoComplete="off"
autoCorrect="off"
className="string email"
name="username"
placeholder="Username"
@ -30,7 +32,9 @@ exports[`<LoginPage /> renders correctly on load 1`] = `
>
<input
aria-label="Password"
autoCapitalize="off"
autoComplete="off"
autoCorrect="off"
className="password"
name="password"
placeholder="Password"

2
app/soapbox/features/auth_login/components/captcha.js
Wyświetl plik

@ -107,6 +107,8 @@ export const NativeCaptchaField = ({ captcha, onChange, onClick, name, value })
name={name}
value={value}
autoComplete='off'
autoCorrect='off'
autoCapitalize='off'
onChange={onChange}
required
/>

4
app/soapbox/features/auth_login/components/login_form.js
Wyświetl plik

@ -40,6 +40,8 @@ class LoginForm extends ImmutablePureComponent {
type='text'
name='username'
autoComplete='off'
autoCorrect='off'
autoCapitalize='off'
required
/>
</div>
@ -51,6 +53,8 @@ class LoginForm extends ImmutablePureComponent {
type='password'
name='password'
autoComplete='off'
autoCorrect='off'
autoCapitalize='off'
required
/>
</div>

9
app/soapbox/features/auth_login/components/registration_form.js
Wyświetl plik

@ -172,6 +172,8 @@ class RegistrationForm extends ImmutablePureComponent {
name='username'
hint={intl.formatMessage(messages.username_hint)}
autoComplete='off'
autoCorrect='off'
autoCapitalize='off'
pattern='^[a-zA-Z\d_-]+'
onChange={this.onInputChange}
required
@ -181,6 +183,8 @@ class RegistrationForm extends ImmutablePureComponent {
name='email'
type='email'
autoComplete='off'
autoCorrect='off'
autoCapitalize='off'
onChange={this.onInputChange}
required
/>
@ -189,6 +193,8 @@ class RegistrationForm extends ImmutablePureComponent {
name='password'
type='password'
autoComplete='off'
autoCorrect='off'
autoCapitalize='off'
onChange={this.onInputChange}
required
/>
@ -197,6 +203,8 @@ class RegistrationForm extends ImmutablePureComponent {
name='confirm'
type='password'
autoComplete='off'
autoCorrect='off'
autoCapitalize='off'
onChange={this.onInputChange}
required
/>
@ -206,7 +214,6 @@ class RegistrationForm extends ImmutablePureComponent {
hint={<FormattedMessage id='registration.reason_hint' defaultMessage='This will help us review your application' />}
name='reason'
maxLength={500}
autoComplete='off'
onChange={this.onInputChange}
required
/>}

4
app/soapbox/features/external_login/components/external_login_form.js
Wyświetl plik

@ -53,7 +53,7 @@ class ExternalLoginForm extends ImmutablePureComponent {
}
return (
<SimpleForm onSubmit={this.handleSubmit}>
<SimpleForm onSubmit={this.handleSubmit} className='external-login'>
<fieldset disabled={isLoading}>
<FieldsGroup>
<TextInput
@ -63,6 +63,8 @@ class ExternalLoginForm extends ImmutablePureComponent {
value={this.state.host}
onChange={this.handleHostChange}
autoComplete='off'
autoCorrect='off'
autoCapitalize='off'
required
/>
</FieldsGroup>

10
app/soapbox/features/forms/index.js
Wyświetl plik

@ -126,6 +126,7 @@ export class SimpleForm extends ImmutablePureComponent {
static propTypes = {
children: PropTypes.node,
className: PropTypes.string,
};
static defaultProps = {
@ -139,9 +140,14 @@ export class SimpleForm extends ImmutablePureComponent {
}
render() {
const { children, onSubmit, ...props } = this.props;
const { className, children, onSubmit, ...props } = this.props;
return (
<form className='simple_form' method='post' onSubmit={this.onSubmit} {...props}>
<form
className={classNames('simple_form', className)}
method='post'
onSubmit={this.onSubmit}
{...props}
>
{children}
</form>
);

4
app/styles/forms.scss
Wyświetl plik

@ -295,6 +295,7 @@ code {
input[type=text],
input[type=number],
input[type=email],
input[type=url],
input[type=password],
textarea {
color: var(--primary-text-color--faint);
@ -305,6 +306,7 @@ code {
input[type=text],
input[type=number],
input[type=email],
input[type=url],
input[type=password],
textarea,
.rfipbtn {
@ -348,6 +350,7 @@ code {
input[type=text][disabled],
input[type=number][disabled],
input[type=email][disabled],
input[type=url][disabled],
input[type=password][disabled],
textarea[disabled] {
color: var(--primary-text-color--faint);
@ -362,6 +365,7 @@ code {
input[type=text],
input[type=number],
input[type=email],
input[type=url],
input[type=password],
textarea,
select {