github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-06-13 18:04:35 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Joffrey JAFFEUX
2021-03-22 12:51:18 +01:00
committed by GitHub
parent 695288f8ff
commit 15a9a85f0a
2 changed files with 8 additions and 6 deletions
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"}} {{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> <label class="alt-placeholder" for="login-account-name">{{i18n "login.email_placeholder"}}</label>
{{#if showLoginWithEmailLink}} {{#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"}} {{i18n "email_login.login_link"}}
</a> </a>
{{/if}} {{/if}}

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

@ -161,17 +161,19 @@
} }
#email-login-link { #email-login-link {
opacity: 0; transition: opacity 0.5s;
&.no-login-filled {
opacity: 0;
visibility: hidden;
}
} }
#forgot-password-link, #forgot-password-link,
#email-login-link { #email-login-link {
font-size: $font-down-1; 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 { .tip:not(:empty) + label.more-info {
display: none; display: none;
} }