Group fields into rows on reset password

This commit is contained in:
J. Ryan Stinnett 2019-02-06 15:10:16 +00:00
parent ce2066b741
commit ccf7e75c95

View file

@ -1,6 +1,6 @@
/* /*
Copyright 2015, 2016 OpenMarket Ltd Copyright 2015, 2016 OpenMarket Ltd
Copyright 2017, 2018 New Vector Ltd Copyright 2017, 2018, 2019 New Vector Ltd
Licensed under the Apache License, Version 2.0 (the "License"); Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License. you may not use this file except in compliance with the License.
@ -233,24 +233,25 @@ module.exports = React.createClass({
</p> </p>
<div> <div>
<form onSubmit={this.onSubmitForm}> <form onSubmit={this.onSubmitForm}>
<input className="mx_Login_field" ref="user" type="text" <div className="mx_AuthBody_fieldRow">
name="reset_email" // define a name so browser's password autofill gets less confused <input className="mx_Login_field" ref="user" type="text"
value={this.state.email} name="reset_email" // define a name so browser's password autofill gets less confused
onChange={this.onInputChanged.bind(this, "email")} value={this.state.email}
placeholder={_t('Email address')} autoFocus /> onChange={this.onInputChanged.bind(this, "email")}
<br /> placeholder={_t('Email address')} autoFocus />
<input className="mx_Login_field" ref="pass" type="password" </div>
name="reset_password" <div className="mx_AuthBody_fieldRow">
value={this.state.password} <input className="mx_Login_field" ref="pass" type="password"
onChange={this.onInputChanged.bind(this, "password")} name="reset_password"
placeholder={_t('New password')} /> value={this.state.password}
<br /> onChange={this.onInputChanged.bind(this, "password")}
<input className="mx_Login_field" ref="pass" type="password" placeholder={_t('New password')} />
name="reset_password_confirm" <input className="mx_Login_field" ref="pass" type="password"
value={this.state.password2} name="reset_password_confirm"
onChange={this.onInputChanged.bind(this, "password2")} value={this.state.password2}
placeholder={_t('Confirm your new password')} /> onChange={this.onInputChanged.bind(this, "password2")}
<br /> placeholder={_t('Confirm your new password')} />
</div>
<input className="mx_Login_submit" type="submit" value={_t('Send Reset Email')} /> <input className="mx_Login_submit" type="submit" value={_t('Send Reset Email')} />
</form> </form>
{ serverConfigSection } { serverConfigSection }