mirror of
https://github.com/zulip/zulip.git
synced 2025-11-02 21:13:36 +00:00
a05b0b8d23
This commit removes form-horizontal class from password reset pages (page in which user enters the email and the page where user sets the new password) and user register page. We can safely remove the form-horizontal class, since the vertical-align property is already applied by other CSS in bootstrap and margin is overridden by CSS in portico_signin.css. For checkbox type inputs, the display property is already set to inline-block by browser for all input elements but it is eventually computed to "block" since float property for this element is set to left. So, setting display property is not necessary for checkbox input. For the help-inline elements, the display and margin properties are overridden in portico_signin.css and vertical-align property is handled by CSS for "help-inline" class in bootstrap.css.
79 lines
3.4 KiB
HTML
79 lines
3.4 KiB
HTML
{% extends "zerver/portico_signup.html" %}
|
|
{% set entrypoint = "register" %}
|
|
|
|
{% block title %}
|
|
<title>{{ _("Set a new password") }} | Zulip</title>
|
|
{% endblock %}
|
|
|
|
{% block portico_content %}
|
|
|
|
<div class="password-container flex full-page new-style">
|
|
|
|
<!-- wrapper for flex content -->
|
|
<div>
|
|
<div class="get-started">
|
|
<h1>{{ _('Set a new password.') }}</h1>
|
|
</div>
|
|
<div class="password-reset white-box">
|
|
<!-- TODO: Ask about meta viewport 1:1 scaling -->
|
|
|
|
{% if validlink %}
|
|
<form method="post" id="password_reset" autocomplete="off">
|
|
{{ csrf_input }}
|
|
<div class="input-box" id="email-section">
|
|
<label for="id_email">{{ _("Email") }}</label>
|
|
<div>
|
|
<input type="text" name="name" placeholder='{{ form.user.delivery_email }}' disabled />
|
|
</div>
|
|
</div>
|
|
|
|
<div class="input-box password-div">
|
|
<label for="id_new_password1" class="">{{ _('Password') }}</label>
|
|
<input id="id_new_password1" class="required" type="password" name="new_password1" autocomplete="new-password"
|
|
value="{% if form.new_password1.value() %}{{ form.new_password1.value() }}{% endif %}"
|
|
maxlength="100"
|
|
data-min-length="{{password_min_length}}"
|
|
data-min-guesses="{{password_min_guesses}}" autofocus required />
|
|
<i class="fa fa-eye-slash password_visibility_toggle" role="button"></i>
|
|
{% if form.new_password1.errors %}
|
|
{% for error in form.new_password1.errors %}
|
|
<div class="alert alert-error">{{ error }}</div>
|
|
{% endfor %}
|
|
{% endif %}
|
|
</div>
|
|
<div class="input-box">
|
|
<div class="">
|
|
<div class="progress" id="pw_strength">
|
|
<div class="bar bar-danger" style="width: 10%;"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="input-box password-div">
|
|
<label for="id_new_password2" class="">{{ _('Confirm password') }}</label>
|
|
<input id="id_new_password2" class="required" type="password" name="new_password2" autocomplete="off"
|
|
value="{% if form.new_password2.value() %}{{ form.new_password2.value() }}{% endif %}"
|
|
maxlength="100" required />
|
|
<i class="fa fa-eye-slash password_visibility_toggle" role="button"></i>
|
|
{% if form.new_password2.errors %}
|
|
{% for error in form.new_password2.errors %}
|
|
<div class="alert alert-error">{{ error }}</div>
|
|
{% endfor %}
|
|
{% endif %}
|
|
</div>
|
|
|
|
<div class="input-box m-t-30">
|
|
<div class="centered-button">
|
|
<button type="submit" class="" value="Submit">Submit</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
|
|
{% else %}
|
|
<p>{{ _('Sorry, the link you provided is invalid or has already been used.') }}</p>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{% endblock %}
|