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

FIX: ensures invisible link is not interfering with UI/tab order (#12472)

This commit is contained in:
Joffrey JAFFEUX 2021-03-22 12:51:18 +01:00 committed by GitHub
parent 695288f8ff
commit 15a9a85f0a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/assets/javascripts/discourse/app/templates/modal/login.hbs
View File

@ -14,7 +14,7 @@
{{input value=loginName type="email" id="login-account-name" class=(value-entered loginName) autocomplete="username" autocorrect="off" autocapitalize="off" disabled=showSecondFactor autofocus="autofocus"}}
<label class="alt-placeholder" for="login-account-name">{{i18n "login.email_placeholder"}}</label>
{{#if showLoginWithEmailLink}}
<a href id="email-login-link" {{action (unless processingEmailLink "emailLogin")}}>
<a href class={{if loginName "" "no-login-filled"}} id="email-login-link" {{action (unless processingEmailLink "emailLogin")}}>
{{i18n "email_login.login_link"}}
</a>
{{/if}}

12
app/assets/stylesheets/common/base/login.scss
View File

@ -161,17 +161,19 @@
}
#email-login-link {
opacity: 0;
transition: opacity 0.5s;
&.no-login-filled {
opacity: 0;
visibility: hidden;
}
}
#forgot-password-link,
#email-login-link {
font-size: $font-down-1;
}
input.value-entered + label.alt-placeholder + #email-login-link {
opacity: 1;
transition: opacity 0.5s;
}
.tip:not(:empty) + label.more-info {
display: none;
}