paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-03 21:43:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

Restyle input groups to be more vertical

Browse Source 
This changes the input group elements from the style where labels are
right aligned and input left aligned, to the labels being above the
input.
This commit is contained in:
Brock Whittaker
2016-08-16 10:28:02 -07:00
committed by Tim Abbott
parent cddd9379c6
commit 433cdfad57
1 changed files with 26 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
templates/zerver/reset_confirm.html
View File

@@ -7,18 +7,25 @@
{% block portico_content %} {% block portico_content %}
<div class="password-container"> <div class="password-container">
<div class="password-reset"> <div class="password-reset">
<div class="pitch"> <!-- TODO: Ask about meta viewport 1:1 scaling -->
<hr/> <div class="pitch">
<h3>{{ _('Reset your password') }}.</h3> <h3>{{ _('Reset your password') }}.</h3>
</div> </div>
{% if validlink %} {% if validlink %}
<form method="post" id="password_reset" class="form-horizontal"> <form method="post" id="password_reset" class="form-horizontal" autocomplete="off">
{{ csrf_input }} {{ csrf_input }}
<div class="control-group"> <div class="input-group" id="email-section">
<label for="id_new_password1" class="control-label">{{ _('Password') }}</label> <label for="id_email">{{ _("Email") }}</label>
<div class="controls"> <div>
<input type="text" name="name" placeholder='{{ form.user.email }}' disabled />
</div>
</div>
<div class="input-group">
<label for="id_new_password1" class="">{{ _('Password') }}</label>
<div class="">
<input id="id_new_password1" class="required" type="password" name="new_password1" <input id="id_new_password1" class="required" type="password" name="new_password1"
value="{% if form.new_password1.value() %}{{ form.new_password1.value() }}{% endif %}" value="{% if form.new_password1.value() %}{{ form.new_password1.value() }}{% endif %}"
maxlength="100" /> maxlength="100" />
@@ -29,17 +36,17 @@
{% endif %} {% endif %}
</div> </div>
</div> </div>
<div class="control-group"> <div class="input-group">
<label class="control-label">{{ _('Password strength') }}</label> <label class="">{{ _('Password strength') }}</label>
<div class="controls"> <div class="">
<div class="progress" id="pw_strength"> <div class="progress" id="pw_strength">
<div class="bar bar-danger" style="width: 10%;"></div> <div class="bar bar-danger" style="width: 10%;"></div>
</div> </div>
</div> </div>
</div> </div>
<div class="control-group"> <div class="input-group">
<label for="id_new_password2" class="control-label">{{ _('Confirm password') }}</label> <label for="id_new_password2" class="">{{ _('Confirm password') }}</label>
<div class="controls"> <div class="">
<input id="id_new_password2" class="required" type="password" name="new_password2" <input id="id_new_password2" class="required" type="password" name="new_password2"
value="{% if form.new_password2.value() %}{{ form.new_password2.value() }}{% endif %}" value="{% if form.new_password2.value() %}{{ form.new_password2.value() }}{% endif %}"
maxlength="100" /> maxlength="100" />
@@ -51,9 +58,9 @@
</div> </div>
</div> </div>
<div class="control-group"> <div class="input-group m-t-30">
<div class="controls"> <div class="centered-button">
<input type="submit" class="btn btn-primary" value="Submit" /><br /> <input type="submit" class="btn btn-primary" value="Submit" />
</div> </div>
</div> </div>
</form> </form>
@@ -64,8 +71,7 @@
{% else %} {% else %}
<p>{{ _('Sorry, the link you provided is invalid or has already been used') }}.</p> <p>{{ _('Sorry, the link you provided is invalid or has already been used') }}.</p>
{% endif %} {% endif %}
</div>
</div>
</div> </div>
{% endblock %} {% endblock %}