portico: Add back to login page link on reset page.

This adds a link that goes back to the login page only for the
Zulip Electron application.

Fixes: #6763.
This commit is contained in:
amanharitsh123
2017-10-01 16:37:53 +05:30
committed by Tim Abbott
parent 5b3bd49061
commit 39c0771800
2 changed files with 20 additions and 3 deletions

View File

@@ -621,12 +621,24 @@ button.login-google-button {
transform: translateX(15px) translateY(13px);
}
.login-page-container .right-side .actions {
.login-page-container .right-side .actions,
.forgot-password-container .actions {
margin: 20px 0px 0px;
text-align: left;
}
.split-view .actions a {
.forgot-password-container .actions {
line-height: 0;
}
.forgot-password-container .actions .back-to-login i {
position: relative;
top: 5px;
font-size: 0.8em;
}
.split-view .actions a,
.back-to-login {
color: hsl(164, 100%, 23%);
text-decoration: none;
font-weight: 600;
@@ -637,7 +649,9 @@ button.login-google-button {
transition: color 0.2s ease;
}
.split-view .actions a:hover {
.split-view .actions a:hover,
.back-to-login:hover {
text-decoration: none;
color: hsl(156, 62%, 61%);
}

View File

@@ -32,6 +32,9 @@
</div>
</div>
</form>
<div class="actions if-zulip-electron"><!-- only show if on `ZulipElectron` -->
<a class="back-to-login" href="{{login_url}}"><i class="fa fa-arrow-left"></i> Back to the login page</a>
</div>
</div>
</div>
</div>