1
0
Fork 0
mirror of https://github.com/documize/community.git synced 2025-08-02 20:15:26 +02:00

Flexbox for auth UI

Providing better support for flaky IE/Edge browsers.
This commit is contained in:
sauls8t 2018-06-29 16:06:50 +01:00
parent 10a184ad10
commit 4130d1f129
10 changed files with 70 additions and 47 deletions

View file

@ -2,16 +2,16 @@
<form {{action 'reset' on="submit"}}>
<div class="form-group">
<label>New Password</label>
{{focus-input type="password" value=password id="newPassword" class=(if hasPasswordError 'form-control is-invalid' 'form-control')}}
{{focus-input type="password" value=password id="newPassword" autocomplete="new-password" class=(if hasPasswordError 'form-control is-invalid' 'form-control')}}
<small class="form-text text-muted">Choose a strong password</small>
</div>
<div class="form-group">
<label>Confirm Password</label>
{{input type="password" value=passwordConfirm id="passwordConfirm" class=(if hasConfirmError 'form-control is-invalid' 'form-control')}}
{{input type="password" value=passwordConfirm id="passwordConfirm" autocomplete="new-password" class=(if hasConfirmError 'form-control is-invalid' 'form-control')}}
<small class="form-text text-muted">Please type your new password again</small>
</div>
<div class="margin-top-10 margin-bottom-20">
<button type="submit" class="btn btn-success">Reset</button>
<button type="submit" class="btn btn-success font-weight-bold text-uppercase">Reset</button>
<span class="{{unless mustMatch "d-none"}} color-red margin-left-20">Passwords must match</span>
</div>
</form>