mirror of
https://github.com/zulip/zulip.git
synced 2026-07-03 21:10:12 +08: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.
46 lines
1.8 KiB
HTML
46 lines
1.8 KiB
HTML
{% extends "zerver/portico_signup.html" %}
|
|
|
|
{% block title %}
|
|
<title>{{ _("Reset your password") }} | Zulip</title>
|
|
{% endblock %}
|
|
|
|
{% block portico_content %}
|
|
|
|
<div class="flex new-style app portico-page">
|
|
<div class="inline-block">
|
|
<div class="lead">
|
|
<h1 class="get-started">{{ _('Reset your password') }}</h1>
|
|
</div>
|
|
|
|
<div class="app-main forgot-password-container white-box new-style">
|
|
|
|
<p>Forgot your password? No problem, we'll send a link to reset your password to the email you signed up with.</p>
|
|
|
|
<form method="post" action="{{ url('password_reset') }}">
|
|
{{ csrf_input }}
|
|
<div class="new-style">
|
|
<div class="input-box horizontal">
|
|
<div class="inline-block relative">
|
|
<label for="id_email" class="">{{ _('Email') }}</label>
|
|
<input id="id_email" class="required" type="text" name="email"
|
|
value="{% if form.email.value() %}{{ form.email.value() }}{% endif %}"
|
|
maxlength="100" placeholder="{{ _("Enter your email address") }}" autofocus required />
|
|
{% if form.email.errors %}
|
|
{% for error in form.email.errors %}
|
|
<div class="alert alert-error">{{ error }}</div>
|
|
{% endfor %}
|
|
{% endif %}
|
|
</div>
|
|
<button type="submit">{{ _('Send reset link') }}</button>
|
|
|
|
</div>
|
|
</div>
|
|
</form>
|
|
{% include 'zerver/include/back_to_login_component.html' %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
{% endblock %}
|