1
0
mirror of https://github.com/flarum/core.git synced 2025-10-11 06:54:26 +02:00

Revise Remember Me checkbox appearance

Use a generic checkbox instead of a switch — it's more familiar and accessible.

Signed-off-by: Toby Zerner <toby.zerner@gmail.com>
This commit is contained in:
Toby Zerner
2017-07-08 22:25:24 +09:30
parent a9969119d2
commit ade2166310
2 changed files with 21 additions and 20 deletions

View File

@@ -4,7 +4,6 @@ import SignUpModal from 'flarum/components/SignUpModal';
import Alert from 'flarum/components/Alert';
import Button from 'flarum/components/Button';
import LogInButtons from 'flarum/components/LogInButtons';
import Switch from 'flarum/components/Switch';
import extractText from 'flarum/utils/extractText';
/**
@@ -38,7 +37,7 @@ export default class LogInModal extends Modal {
*
* @type {Function}
*/
this.remember = m.prop(this.props.remember && true);
this.remember = m.prop(!!this.props.remember);
}
className() {
@@ -66,14 +65,14 @@ export default class LogInModal extends Modal {
bidi={this.password}
disabled={this.loading} />
</div>
<div className="Form-group">
{Switch.component({
children: app.translator.trans('core.forum.log_in.remember_me_label'),
disabled: this.loading,
onchange: this.remember,
state: this.remember()
})}
<div>
<label className="checkbox">
<input type="checkbox" bidi={this.remember} disabled={this.loading} />
{app.translator.trans('core.forum.log_in.remember_me_label')}
</label>
</div>
</div>
<div className="Form-group">