Styling for CLIN Funding section
This commit is contained in:
parent
2b98995488
commit
8a16b61e80
@ -94,11 +94,6 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.usa-input--validation--dollars label span.icon {
|
|
||||||
left: auto;
|
|
||||||
right: -$gap * 9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.form-row {
|
.form-row {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
@ -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>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user