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

Move CLIN type and CLIN number onto same line

Browse Source
This commit is contained in:
leigh-mil 2019-06-11 11:24:38 -04:00
parent 4b0a4628aa
commit 61de7a5adf
3 changed files with 71 additions and 50 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
styles/elements/_inputs.scss
View File

@ -157,7 +157,7 @@
.usa-input__choices { .usa-input__choices {
// checkbox & radio sets // checkbox & radio sets
legend { legend {
padding: 0 0 $gap 0; padding: 0 0 ($gap / 2) 0;
@include h4; @include h4;

10
styles/sections/_task_order.scss
View File

@ -131,6 +131,16 @@
} }
} }
.row.row__form-fields {
.col {
margin-left: $gap;
}
.col:first-child {
margin-left: 0;
}
}
.panel { .panel {
@include shadow-panel; @include shadow-panel;
} }

15
templates/task_orders/edit.html
View File

@ -61,8 +61,14 @@
v-bind:initial-loa-count="{{ fields.loas.data | length }}" v-bind:initial-loa-count="{{ fields.loas.data | length }}"
inline-template> inline-template>
<div> <div>
<div class="row row__form-fields">
<div class="col">
{{ OptionsInput(fields.jedi_clin_type) }} {{ OptionsInput(fields.jedi_clin_type) }}
</div>
<div class="col">
{{ TextInput(fields.number) }} {{ TextInput(fields.number) }}
</div>
</div>
<div>Line of accounting (43 characters)</div> <div>Line of accounting (43 characters)</div>
{% for loa in fields.loas %} {% for loa in fields.loas %}
@ -125,6 +131,8 @@
<hr v-if="clinIndex !== 0"> <hr v-if="clinIndex !== 0">
<clin-fields v-bind:initial-clin-index='clinIndex' inline-template> <clin-fields v-bind:initial-clin-index='clinIndex' inline-template>
<div> <div>
<div class="row row__form-fields">
<div class="col">
<div class="usa-input"> <div class="usa-input">
<fieldset data-ally-disabled="true" class="usa-input__choices"> <fieldset data-ally-disabled="true" class="usa-input__choices">
<legend> <legend>
@ -140,9 +148,10 @@
</select> </select>
</fieldset> </fieldset>
</div> </div>
</div>
<div class="col">
<textinput :name="'clins-' + clinIndex + '-number'" inline-template> <textinput :name="'clins-' + clinIndex + '-number'" inline-template>
<div> <div class="usa-input">
<label :for="name"> <label :for="name">
<span v-show='showError'>{{ Icon('alert',classes="icon-validation") }}</span> <span v-show='showError'>{{ Icon('alert',classes="icon-validation") }}</span>
<span v-show='showValid'>{{ Icon('ok',classes="icon-validation") }}</span> <span v-show='showValid'>{{ Icon('ok',classes="icon-validation") }}</span>
@ -173,6 +182,8 @@
</template> </template>
</div> </div>
</textinput> </textinput>
</div>
</div>
<div>Line of accounting (43 characters)</div> <div>Line of accounting (43 characters)</div>
{{ LOAInput() }} {{ LOAInput() }}