portico: Add realm name, link, and icon to top of /accounts/register.

Fixes #6329.
This commit is contained in:
VishalCR7 2018-01-24 15:04:55 -08:00 committed by Rishi Gupta
parent bf2961418b
commit b863782cf8
2 changed files with 20 additions and 4 deletions

View File

@ -513,21 +513,21 @@ html {
text-align: left;
}
.split-view .info-box .organization-name,
.split-view .info-box .organization-path {
.info-box .organization-name,
.info-box .organization-path {
max-width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.split-view .info-box .organization-name {
.info-box .organization-name {
font-size: 1.5em;
font-weight: 300;
line-height: 1.2;
}
.split-view .info-box .organization-path {
.info-box .organization-path {
font-weight: 400;
color: hsl(0, 0%, 46%);
margin-top: 5px;
@ -664,6 +664,14 @@ button.login-google-button {
margin: 30px;
}
#registration .info-box {
margin: 10px 0px 0px 20px;
}
#registration .info-box .organization-name {
max-width: 228px;
}
#registration .input-box {
display: block;
text-align: center;

View File

@ -27,6 +27,14 @@ Form is validated both client-side using jquery-validate (see signup.js) and ser
{{ csrf_input }}
<section class="user-registration">
{% if realm_name %}
<img class="avatar inline-block" src="{{ realm_icon }}" alt="" />
<div class="info-box inline-block">
<div class="organization-name">{{ realm_name }}</div>
<div class="organization-path">{{ realm_uri }}</div>
</div>
{% endif %}
<div class="input-box no-validation">
<input type='hidden' name='key' value='{{ key }}' />
<input type='hidden' name='timezone' id='timezone'/>