UX: improve semantic of login button for better password managers compatibility

This commit is contained in:
Régis Hanol 2018-01-31 20:09:59 +01:00
parent c598db28e7
commit 8c91d418dd
2 changed files with 11 additions and 21 deletions

View File

@ -6,24 +6,14 @@
<div> <div>
<table> <table>
<tr> <tr>
<td> <td><label for='login-account-name'>{{i18n 'login.username'}}</label></td>
<label for='login-account-name'>{{i18n 'login.username'}}&nbsp;</label> <td>{{text-field value=loginName placeholderKey="login.email_placeholder" id="login-account-name" autocorrect="off" autocapitalize="off" autofocus="autofocus"}}</td>
</td>
<td>
{{text-field value=loginName placeholderKey="login.email_placeholder" id="login-account-name" autocorrect="off" autocapitalize="off" autofocus="autofocus"}}
</td>
<td></td> <td></td>
</tr> </tr>
<tr> <tr>
<td> <td><label for='login-account-password'>{{i18n 'login.password'}}</label></td>
<label for='login-account-password'>{{i18n 'login.password'}}&nbsp;</label> <td>{{password-field value=loginPassword type="password" id="login-account-password" maxlength="200" capsLockOn=capsLockOn}}</td>
</td> <td><a id="forgot-password-link" {{action "forgotPassword"}}>{{i18n 'forgot_password.action'}}</a></td>
<td>
{{password-field value=loginPassword type="password" id="login-account-password" maxlength="200" capsLockOn=capsLockOn}} &nbsp;
</td>
<td>
<a id="forgot-password-link" {{action "forgotPassword"}}>{{i18n 'forgot_password.action'}}</a>
</td>
</tr> </tr>
<tr> <tr>
<td></td> <td></td>
@ -40,14 +30,11 @@
<div class="modal-footer"> <div class="modal-footer">
{{#if canLoginLocal}} {{#if canLoginLocal}}
<button class="btn btn-large btn-primary" <button form="login-form" type="submit" class="btn btn-large btn-primary" disabled={{loginDisabled}} {{action "login"}}>
disabled={{loginDisabled}}
{{action "login"}}>
{{d-icon "unlock"}}&nbsp;{{loginButtonText}} {{d-icon "unlock"}}&nbsp;{{loginButtonText}}
</button> </button>
{{#if showSignupLink}} {{#if showSignupLink}}
&nbsp;
<button class="btn btn-large" id="new-account-link" {{action "createAccount"}}> <button class="btn btn-large" id="new-account-link" {{action "createAccount"}}>
{{i18n 'create_account.title'}} {{i18n 'create_account.title'}}
</button> </button>

View File

@ -16,6 +16,9 @@
a { a {
color: dark-light-choose($primary-high, $secondary-low); color: dark-light-choose($primary-high, $secondary-low);
} }
td {
padding-right: 5px;
}
} }
// Create account // Create account