mirror of
				https://github.com/zulip/zulip.git
				synced 2025-11-03 21:43:21 +00:00 
			
		
		
		
	Restyle input groups to be more vertical
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:
		
				
					committed by
					
						
						Tim Abbott
					
				
			
			
				
	
			
			
			
						parent
						
							cddd9379c6
						
					
				
				
					commit
					433cdfad57
				
			@@ -8,17 +8,24 @@
 | 
			
		||||
 | 
			
		||||
<div class="password-container">
 | 
			
		||||
    <div class="password-reset">
 | 
			
		||||
        <!-- TODO: Ask about meta viewport 1:1 scaling -->
 | 
			
		||||
        <div class="pitch">
 | 
			
		||||
        <hr/>
 | 
			
		||||
            <h3>{{ _('Reset your password') }}.</h3>
 | 
			
		||||
        </div>
 | 
			
		||||
 | 
			
		||||
    {% if validlink %}
 | 
			
		||||
        <form method="post" id="password_reset" class="form-horizontal">
 | 
			
		||||
        <form method="post" id="password_reset" class="form-horizontal" autocomplete="off">
 | 
			
		||||
        {{ csrf_input }}
 | 
			
		||||
            <div class="control-group">
 | 
			
		||||
                <label for="id_new_password1" class="control-label">{{ _('Password') }}</label>
 | 
			
		||||
                <div class="controls">
 | 
			
		||||
           <div class="input-group" id="email-section">
 | 
			
		||||
               <label for="id_email">{{ _("Email") }}</label>
 | 
			
		||||
               <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"
 | 
			
		||||
                           value="{% if form.new_password1.value() %}{{ form.new_password1.value() }}{% endif %}"
 | 
			
		||||
                           maxlength="100" />
 | 
			
		||||
@@ -29,17 +36,17 @@
 | 
			
		||||
                    {% endif %}
 | 
			
		||||
                </div>
 | 
			
		||||
            </div>
 | 
			
		||||
            <div class="control-group">
 | 
			
		||||
                <label class="control-label">{{ _('Password strength') }}</label>
 | 
			
		||||
                <div class="controls">
 | 
			
		||||
            <div class="input-group">
 | 
			
		||||
                <label class="">{{ _('Password strength') }}</label>
 | 
			
		||||
                <div class="">
 | 
			
		||||
                    <div class="progress" id="pw_strength">
 | 
			
		||||
                        <div class="bar bar-danger" style="width: 10%;"></div>
 | 
			
		||||
                    </div>
 | 
			
		||||
                </div>
 | 
			
		||||
            </div>
 | 
			
		||||
            <div class="control-group">
 | 
			
		||||
                <label for="id_new_password2" class="control-label">{{ _('Confirm password') }}</label>
 | 
			
		||||
                <div class="controls">
 | 
			
		||||
            <div class="input-group">
 | 
			
		||||
                <label for="id_new_password2" class="">{{ _('Confirm password') }}</label>
 | 
			
		||||
                <div class="">
 | 
			
		||||
                    <input id="id_new_password2" class="required" type="password" name="new_password2"
 | 
			
		||||
                           value="{% if form.new_password2.value() %}{{ form.new_password2.value() }}{% endif %}"
 | 
			
		||||
                           maxlength="100" />
 | 
			
		||||
@@ -51,9 +58,9 @@
 | 
			
		||||
                </div>
 | 
			
		||||
            </div>
 | 
			
		||||
 | 
			
		||||
            <div class="control-group">
 | 
			
		||||
                <div class="controls">
 | 
			
		||||
                    <input type="submit" class="btn btn-primary" value="Submit" /><br />
 | 
			
		||||
            <div class="input-group m-t-30">
 | 
			
		||||
                <div class="centered-button">
 | 
			
		||||
                    <input type="submit" class="btn btn-primary" value="Submit" />
 | 
			
		||||
                </div>
 | 
			
		||||
            </div>
 | 
			
		||||
        </form>
 | 
			
		||||
@@ -64,7 +71,6 @@
 | 
			
		||||
    {% else %}
 | 
			
		||||
        <p>{{ _('Sorry, the link you provided is invalid or has already been used') }}.</p>
 | 
			
		||||
    {% endif %}
 | 
			
		||||
 | 
			
		||||
    </div>
 | 
			
		||||
</div>
 | 
			
		||||
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user