mirror of https://github.com/zulip/zulip.git
portico: Add realm name, link, and icon to top of /accounts/register.
Fixes #6329.
This commit is contained in:
parent
bf2961418b
commit
b863782cf8
|
@ -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;
|
||||
|
|
|
@ -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'/>
|
||||
|
|
Loading…
Reference in New Issue