Replace .input-group-addon with .input-group-prepend (BS4 beta 3).

This commit is contained in:
Christopher Charbonneau Wells 2018-01-13 08:24:24 -05:00
parent be97142cfe
commit a9dfe686db
4 changed files with 12 additions and 12 deletions

View File

@ -20,8 +20,8 @@
{% elif field|field_type == "datetimefield" or field|field_type == "datefield" %}
<div class="form-group">
<div class="input-group date" id="datetimepicker_{{ field.name }}" data-target-input="nearest">
<div class="input-group-addon" data-target="#datetimepicker_{{ field.name }}" data-toggle="datetimepicker">
<i class="fa fa-calendar"></i>
<div class="input-group-prepend" data-target="#datetimepicker_{{ field.name }}" data-toggle="datetimepicker">
<span class="input-group-text"><i class="fa fa-calendar"></i></span>
</div>
{% if field.errors %}
{{ field|add_class:"form-control is-invalid" }}

View File

@ -12,8 +12,8 @@
{{ form.username.label }}
</label>
<div class="input-group mb-3 fade-in">
<div class="input-group-addon">
<i class="icon icon-user" aria-hidden="true"></i>
<div class="input-group-prepend">
<span class="input-group-text"><i class="icon icon-user" aria-hidden="true"></i></span>
</div>
{% render_field form.username name='username' class+='form-control' id='username-input-group' placeholder=form.username.label %}
</div>
@ -22,8 +22,8 @@
{{ form.password.label }}
</label>
<div class="input-group mb-3 fade-in">
<div class="input-group-addon">
<i class="icon icon-lock" aria-hidden="true"></i>
<div class="input-group-prepend">
<span class="input-group-text"><i class="icon icon-lock" aria-hidden="true"></i></span>
</div>
{% render_field form.password name='password' class+='form-control' id='password-input-group' placeholder=form.password.label %}
</div>

View File

@ -22,8 +22,8 @@
{{ form.new_password1.label }}
</label>
<div class="input-group mb-3 fade-in">
<div class="input-group-addon">
<i class="icon icon-lock" aria-hidden="true"></i>
<div class="input-group-prepend">
<span class="input-group-text"><i class="icon icon-lock" aria-hidden="true"></i></span>
</div>
{% render_field form.new_password1 name='new_password1' class+='form-control' id='password1-input-group' %}
</div>
@ -33,8 +33,8 @@
{{ form.new_password2.label }}
</label>
<div class="input-group mb-3 fade-in">
<div class="input-group-addon">
<i class="icon icon-lock" aria-hidden="true"></i>
<div class="input-group-prepend">
<span class="input-group-text"><i class="icon icon-lock" aria-hidden="true"></i></span>
</div>
{% render_field form.new_password2 name='new_password2' class+='form-control' id='password2-input-group' %}
</div>

View File

@ -17,8 +17,8 @@
{{ form.email.label }}
</label>
<div class="input-group mb-3 fade-in">
<div class="input-group-addon">
<i class="icon icon-envelope" aria-hidden="true"></i>
<div class="input-group-prepend">
<span class="input-group-text"><i class="icon icon-envelope" aria-hidden="true"></i></span>
</div>
{% render_field form.email name='email' class+='form-control' id='email-input-group' placeholder=form.email.label %}
</div>