portico: Move goto account page styles to portico-signin.scss.

This commit is contained in:
Vishnu Ks 2018-12-05 13:13:52 +05:30 committed by Tim Abbott
parent 18233654d0
commit 2a0b23df46
3 changed files with 42 additions and 33 deletions

View File

@ -127,6 +127,11 @@ html {
font-weight: 400;
}
.app-main.goto-account-page-container {
width: 500px;
font-weight: 400;
}
.app-main.confirm-continue-page-container {
width: 400px;
font-weight: 400;
@ -932,6 +937,7 @@ button.login-google-button {
.app-main.register-page-container,
.app-main.login-page-container,
.app-main.find-account-page-container,
.app-main.goto-account-page-container,
.app-main.forgot-password-container {
display: inline-block;
padding: 20px;
@ -993,3 +999,36 @@ button.login-google-button {
height: 45px;
width: 325px;
}
.goto-account-page {
#realm_redirect_subdomain {
text-align: right;
position: relative;
padding-right: 10px;
}
#realm_redirect_external_host {
font-size: 20px;
top: 13px;
left: 5px;
position: relative;
}
#realm_redirect_description {
top: 15px;
position: relative;
}
#enter-realm-button {
margin-top: 14px;
}
#find-account-section {
margin-top: 20px;
text-align: center;
}
.find-account-link {
color: hsl(165, 100.0%, 14.7%);
}
}

View File

@ -2178,33 +2178,3 @@ input.new-organization-button {
margin-top: 20px;
padding-right: 10px;
}
#realm_redirect_subdomain {
text-align: right;
position: relative;
padding-right: 10px;
}
#realm_redirect_external_host {
font-size: 20px;
top: 13px;
left: 5px;
position: relative;
}
#realm_redirect_description {
top: 15px;
position: relative;
}
.realm-redirect-form #find-account-link {
color: hsl(165, 100.0%, 14.7%);
}
.realm-redirect-form #find-account-section {
margin-top: 20px;
}
.realm-redirect-form #enter-realm-button {
margin-top: 10px;
}

View File

@ -2,13 +2,13 @@
{% block portico_content %}
<div class="app find-account-page flex full-page">
<div class="app goto-account-page flex full-page">
<div class="inline-block new-style">
<div class="lead">
<h1 class="get-started">{{ _("Log in to your organization") }}</h1>
</div>
<div class="app-main find-account-page-container white-box">
<div class="app-main goto-account-page-container white-box">
<div class="realm-redirect-form">
<form class="form-inline" name="realm_redirect_form"
action="/accounts/go/?{{ request.GET.urlencode() }}" method="post">
@ -32,7 +32,7 @@
<button id="enter-realm-button" type="submit">{{ _('Next') }}</button>
<p id="find-account-section">
{{ _("Can't remember your organization URL?") }}
<a target="_blank" id="find-account-link" href="/accounts/find/">{{ _("Find your account.") }}</a>
<a target="_blank" class="find-account-link" href="/accounts/find/">{{ _("Find your account.") }}</a>
</p>
</div>
</form>