mirror of
https://github.com/zulip/zulip.git
synced 2026-07-06 21:18:58 +08:00
Earlier, the email label tag was dislocated with respect to it's input field, causing the UI to be disorganized. Rectified by moving the label tag above the email input field and added placeholder value to the field.
41 lines
1.7 KiB
HTML
41 lines
1.7 KiB
HTML
{% extends "zerver/portico_signup.html" %}
|
|
{% 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" class="form-horizontal" action="{{ url('password_reset') }}">
|
|
{{ csrf_input }}
|
|
<div class="new-style">
|
|
<div class="input-box horizontal moving-label">
|
|
<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 %}
|