pk/atst
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adjust the margin around usa-input elements globally, fix any styling side effects from the change

Browse Source
This commit is contained in:
leigh-mil
2019-10-10 12:49:33 -04:00
parent a6e7995a85
commit 14ea3cd973
5 changed files with 16 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
templates/applications/fragments/member_form_fields.html
View File

@@ -52,20 +52,13 @@
{% endmacro %}
{% macro InfoFields(member_form) %}
<div class='form-row'>
{{ TextInput(member_form.first_name, validation='requiredField', optional=False) }}
</div>
<div class='form-row'>
{{ TextInput(member_form.last_name, validation='requiredField', optional=False) }}
</div>
<div class='form-row'>
{{ TextInput(member_form.email, validation='email', optional=False) }}
</div>
<div class="form-row">
{{ PhoneInput(member_form.phone_number, member_form.phone_ext)}}
</div>
<div class='form-row'>
{{ TextInput(member_form.dod_id, validation='dodId', optional=False) }}
<div class="application-member__user-info">
</div>
{{ TextInput(member_form.first_name, validation='requiredField', optional=False) }}
{{ TextInput(member_form.last_name, validation='requiredField', optional=False) }}
{{ TextInput(member_form.email, validation='email', optional=False) }}
{{ PhoneInput(member_form.phone_number, member_form.phone_ext)}}
{{ TextInput(member_form.dod_id, validation='dodId', optional=False) }}
<a href="#">How do I find the DoD ID?</a>
{% endmacro %}

2
templates/components/phone_input.html
View File

@@ -1,7 +1,7 @@
{% from "components/text_input.html" import TextInput %}
{% macro PhoneInput(phone_number, phone_ext, placeholder_phone="", phone_optional=True, extension_optional=True) %}
<div class='phone-input'>
<div class='usa-input phone-input'>
<div class='phone-input__phone'>
{{ TextInput(phone_number, placeholder=placeholder_phone, validation='usPhone', optional=phone_optional) }}
</div>