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

Fix styling on app member info form

Browse Source
This commit is contained in:
leigh-mil 2019-10-14 14:57:42 -04:00
parent 18d68d9a60
commit c7889e13f8
3 changed files with 11 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
styles/sections/_application_edit.scss
View File

@ -27,6 +27,10 @@
.form-content--app-mem { .form-content--app-mem {
text-align: left; text-align: left;
.modal__body {
min-width: 75rem;
}
input[type="checkbox"] + label::before { input[type="checkbox"] + label::before {
margin-left: 0; margin-left: 0;
} }

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

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

2
templates/components/phone_input.html
View File

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