Update forgot password link text and style

This commit is contained in:
J. Ryan Stinnett 2019-01-23 13:11:01 -06:00
parent 2f89af4fa0
commit e396954a20
6 changed files with 22 additions and 14 deletions

View file

@ -87,14 +87,6 @@ limitations under the License.
font-size: 13px; font-size: 13px;
} }
.mx_Login_forgot {
font-size: 15px;
}
.mx_Login_forgot:link {
color: $primary-fg-color;
}
.mx_Login_sso_link { .mx_Login_sso_link {
display: block; display: block;
text-align: center; text-align: center;

View file

@ -20,4 +20,13 @@ limitations under the License.
border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0;
padding: 25px 60px; padding: 25px 60px;
box-sizing: border-box; box-sizing: border-box;
font-size: 12px;
color: $authpage-body-color;
}
.mx_AuthBody a:link,
.mx_AuthBody a:hover,
.mx_AuthBody a:visited {
color: $accent-color;
text-decoration: none;
} }

View file

@ -217,6 +217,7 @@ $authpage-bg-color: #2e3649;
$authpage-modal-bg-color: rgba(255, 255, 255, 0.59); $authpage-modal-bg-color: rgba(255, 255, 255, 0.59);
$authpage-body-bg-color: #ffffff; $authpage-body-bg-color: #ffffff;
$authpage-lang-color: #4e5054; $authpage-lang-color: #4e5054;
$authpage-body-color: #61708b;
/*** form elements ***/ /*** form elements ***/

View file

@ -213,6 +213,7 @@ $authpage-bg-color: #2e3649;
$authpage-modal-bg-color: rgba(255, 255, 255, 0.59); $authpage-modal-bg-color: rgba(255, 255, 255, 0.59);
$authpage-body-bg-color: #ffffff; $authpage-body-bg-color: #ffffff;
$authpage-lang-color: #4e5054; $authpage-lang-color: #4e5054;
$authpage-body-color: #61708b;
// ***** Mixins! ***** // ***** Mixins! *****

View file

@ -245,11 +245,16 @@ class PasswordLogin extends React.Component {
let forgotPasswordJsx; let forgotPasswordJsx;
if (this.props.onForgotPasswordClick) { if (this.props.onForgotPasswordClick) {
forgotPasswordJsx = ( forgotPasswordJsx = <span>
<a className="mx_Login_forgot" onClick={this.props.onForgotPasswordClick} href="#"> {_t('Not sure of your password? <a>Set a new one</a>', {}, {
{ _t('Forgot your password?') } a: sub => <a className="mx_Login_forgot"
</a> onClick={this.props.onForgotPasswordClick}
); href="#"
>
{sub}
</a>,
})}
</span>;
} }
let matrixIdText = _t('Matrix ID'); let matrixIdText = _t('Matrix ID');

View file

@ -1092,7 +1092,7 @@
"Username on %(hs)s": "Username on %(hs)s", "Username on %(hs)s": "Username on %(hs)s",
"User name": "User name", "User name": "User name",
"Mobile phone number": "Mobile phone number", "Mobile phone number": "Mobile phone number",
"Forgot your password?": "Forgot your password?", "Not sure of your password? <a>Set a new one</a>": "Not sure of your password? <a>Set a new one</a>",
"%(serverName)s Matrix ID": "%(serverName)s Matrix ID", "%(serverName)s Matrix ID": "%(serverName)s Matrix ID",
"Sign in with": "Sign in with", "Sign in with": "Sign in with",
"Sign in": "Sign in", "Sign in": "Sign in",