mirror of
https://github.com/element-hq/element-web
synced 2024-10-23 19:25:48 +03:00
Update forgot password link text and style
This commit is contained in:
parent
2f89af4fa0
commit
e396954a20
6 changed files with 22 additions and 14 deletions
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
@ -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 ***/
|
||||||
|
|
||||||
|
|
|
@ -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! *****
|
||||||
|
|
||||||
|
|
|
@ -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');
|
||||||
|
|
|
@ -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",
|
||||||
|
|
Loading…
Reference in a new issue