Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

UX: Consistent labels in invite form (#12339)

This commit is contained in:
Penar Musaraj 2021-03-10 12:27:53 -05:00 committed by GitHub
parent bce837db0c
commit b3bcf2769a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 18 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
app/assets/javascripts/discourse/app/templates/invites/show.hbs
View File

@ -43,7 +43,10 @@
<form> <form>
{{#if isInviteLink}} {{#if isInviteLink}}
<div class="input email-input"> <div class="input email-input">
<label>{{i18n "user.email.title"}}</label> <label for="new-account-email">
{{i18n "user.email.title"}}
<span class="required">*</span>
</label>
{{input type="email" value=email id="new-account-email" name="email" autofocus="autofocus" disabled=externalAuthsOnly}} {{input type="email" value=email id="new-account-email" name="email" autofocus="autofocus" disabled=externalAuthsOnly}}
{{input-tip validation=emailValidation id="account-email-validation"}} {{input-tip validation=emailValidation id="account-email-validation"}}
<div class="instructions">{{i18n "user.email.instructions"}}</div> <div class="instructions">{{i18n "user.email.instructions"}}</div>
@ -51,7 +54,10 @@
{{/if}} {{/if}}
<div class="input username-input"> <div class="input username-input">
<label>{{i18n "user.username.title"}}</label> <label for="new-account-username">
{{i18n "user.username.title"}}
<span class="required">*</span>
</label>
{{input value=accountUsername id="new-account-username" name="username" maxlength=maxUsernameLength autocomplete="discourse"}} {{input value=accountUsername id="new-account-username" name="username" maxlength=maxUsernameLength autocomplete="discourse"}}
{{input-tip validation=usernameValidation id="username-validation"}} {{input-tip validation=usernameValidation id="username-validation"}}
<div class="instructions">{{i18n "user.username.instructions"}}</div> <div class="instructions">{{i18n "user.username.instructions"}}</div>
@ -59,7 +65,10 @@
{{#if fullnameRequired}} {{#if fullnameRequired}}
<div class="input name-input"> <div class="input name-input">
<label>{{i18n "invites.name_label"}}</label> <label for="new-account-name">
{{i18n "invites.name_label"}}
<span class="required">*</span>
</label>
{{input value=accountName id="new-account-name" name="name"}} {{input value=accountName id="new-account-name" name="name"}}
<div class="instructions">{{nameInstructions}}</div> <div class="instructions">{{nameInstructions}}</div>
</div> </div>
@ -67,7 +76,10 @@
{{#unless externalAuthsOnly}} {{#unless externalAuthsOnly}}
<div class="input password-input"> <div class="input password-input">
<label>{{i18n "invites.password_label"}}</label> <label for="new-account-password">
{{i18n "invites.password_label"}}
<span class="required">*</span>
</label>
{{password-field value=accountPassword type="password" id="new-account-password" capsLockOn=capsLockOn}} {{password-field value=accountPassword type="password" id="new-account-password" capsLockOn=capsLockOn}}
{{input-tip validation=passwordValidation}} {{input-tip validation=passwordValidation}}
<div class="instructions"> <div class="instructions">

3
app/assets/stylesheets/common/base/user.scss
View File

@ -339,7 +339,8 @@
} }
.login-form, .login-form,
.user-field { .user-field,
.invites-show {
.required { .required {
vertical-align: top; vertical-align: top;
color: var(--danger); color: var(--danger);