CodeCow/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2026-06-24 21:08:25 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

registration: Add domain text next to subdomain input field.

Browse Source
This commit is contained in:
Jack Zhang 2017-07-07 20:03:11 -07:00 committed by Tim Abbott
parent 149572e14a
commit 948d9c8d29
2 changed files with 24 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
static/styles/portico-signin.css
View File

@ -621,6 +621,20 @@ button.login-google-button {
border-radius: 4px;
}
#registration #id_team_subdomain.subdomain {
text-align: right;
position: relative;
padding-right: 10px;
}
#registration .realm_subdomain_label {
font-weight: 400;
font-size: 1.07em;
position: absolute;
top: 37px;
right: 0;
}
#registration {
width: 700px;
}

14
templates/zerver/register.html
View File

@ -105,15 +105,15 @@ Form is validated both client-side using jquery-validate (see signup.js) and ser
</label>
<div class="breakpoint">
<div class="inline-block relative">
<input id="id_team_subdomain" class="required" type="text"
<input id="id_team_subdomain" class="required {% if realms_have_subdomains %}subdomain{% endif %}" type="text"
placeholder="acme"
value="{% if form.realm_subdomain.value() %}{{ form.realm_subdomain.value() }}{% endif %}"
name="realm_subdomain" maxlength={{ MAX_REALM_SUBDOMAIN_LENGTH }} required />
{% if realms_have_subdomains %}
<p class="realm_subdomain_label">.{{ external_host }}</p>
{% endif %}
<div class="required"></div>
</div>
{% if realms_have_subdomains %}
<div class="inline-block external-host"> .{{ external_host }}</div>
{% endif %}
<p id="id_team_subdomain_error_client" class="error help-inline text-error"></p>
{% if form.realm_subdomain.errors %}
{% for error in form.realm_subdomain.errors %}
@ -175,6 +175,12 @@ if ($('#id_email').length === 1) {
common.autofocus('#id_full_name');
}
// if realms have subdomains, set the subdomain input width
$('#id_team_subdomain').css({
width: 300 - $('.realm_subdomain_label').width(),
'margin-right': $('.realm_subdomain_label').width() + 4,
});
// reset error message displays
$('#id_team_subdomain_error_client').css('display', 'none');
if ($('.team_subdomain_error_server').text() === '') {