Styling for CLIN Funding section

This commit is contained in:
leigh-mil 2019-09-03 11:43:01 -04:00
parent 2b98995488
commit 8a16b61e80
2 changed files with 3 additions and 8 deletions

View File

@ -94,11 +94,6 @@
} }
} }
.usa-input--validation--dollars label span.icon {
left: auto;
right: -$gap * 9;
}
.form-row { .form-row {
margin: 0; margin: 0;
} }

View File

@ -107,20 +107,20 @@
</div> </div>
{% if fields %} {% if fields %}
<div class="form-row"> <div class="form-row">
<div class="form-column"> <div class="form-col">
{{ TextInput(fields.obligated_amount, validation='dollars', watch=True) }} {{ TextInput(fields.obligated_amount, validation='dollars', watch=True) }}
</div> </div>
</div> </div>
{% else %} {% else %}
<div class="form-row"> <div class="form-row">
<div class="form-column"> <div class="form-col">
<textinput <textinput
v-cloak v-cloak
inline-template inline-template
:name="'clins-' + clinIndex + '-obligated_amount'" :name="'clins-' + clinIndex + '-obligated_amount'"
validation="dollars" validation="dollars"
:watch='true'> :watch='true'>
<div class="usa-input usa-input--validation--dollars"> <div v-bind:class="['usa-input usa-input--validation--' + validation, { 'usa-input--error': showError, 'usa-input--success': showValid, 'usa-input--validation--paragraph': paragraph, 'no-max-width': noMaxWidth }]">
<label :for="name"> <label :for="name">
<div class="usa-input__title">{{ 'task_orders.form.obligated_funds_label' | translate }}</div> <div class="usa-input__title">{{ 'task_orders.form.obligated_funds_label' | translate }}</div>
<span v-show='showError'>{{ Icon('alert',classes="icon-validation") }}</span> <span v-show='showError'>{{ Icon('alert',classes="icon-validation") }}</span>