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

Add blue background to officers DoD ID field

Browse Source
This commit is contained in:
leigh-mil 2019-01-24 10:41:59 -05:00
parent a4de4b04eb
commit 2c0018dba0
3 changed files with 15 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
styles/sections/_task_order.scss
View File

@ -258,22 +258,22 @@
} }
} }
.alert {
padding: 1.5rem;
.usa-input {
width: 100%;
margin: 0;
}
}
input[type="text"]:disabled { input[type="text"]:disabled {
color: $color-gray-lighter; color: $color-gray-lighter;
font-style: italic; font-style: italic;
} }
.task-order__invite-dod-id { .task-order__invite-officer {
padding: 1.5rem;
background-color: $color-aqua-lightest;
border-color: $color-blue;
border-left-style: solid;
border-left-width: $gap / 2;
.usa-input {
width: 100%;
margin: 0;
}
} }
} }

3
templates/components/text_input.html
View File

@ -12,6 +12,7 @@
paragraph=False, paragraph=False,
disabled=False, disabled=False,
initial_value='', initial_value='',
classes='',
noMaxWidth=False) -%} noMaxWidth=False) -%}
<textinput <textinput
@ -26,7 +27,7 @@
inline-template> inline-template>
<div <div
{% if disabled %}class="input--disabled"{% endif %} class='{% if disabled %}input--disabled{% endif %}{{ classes }}'
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 }]"> 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={{field.name}}> <label for={{field.name}}>

6
templates/task_orders/new/oversight.html
View File

@ -18,7 +18,7 @@
{{ UserInfo(form.ko_first_name, form.ko_last_name, form.ko_email, form.ko_phone_number) }} {{ UserInfo(form.ko_first_name, form.ko_last_name, form.ko_email, form.ko_phone_number) }}
{{ CheckboxInput(form.ko_invite) }} {{ CheckboxInput(form.ko_invite) }}
<template v-if="ko_invite"> <template v-if="ko_invite">
{{ TextInput(form.ko_dod_id, placeholder="1234567890", tooltip="Why", tooltip_title='Why', validation='dodId')}} {{ TextInput(form.ko_dod_id, placeholder="1234567890", tooltip="Why", tooltip_title='Why', validation='dodId', classes="task-order__invite-officer")}}
</template> </template>
<hr /> <hr />
@ -30,7 +30,7 @@
{{ UserInfo(form.cor_first_name, form.cor_last_name, form.cor_email, form.cor_phone_number) }} {{ UserInfo(form.cor_first_name, form.cor_last_name, form.cor_email, form.cor_phone_number) }}
{{ CheckboxInput(form.cor_invite) }} {{ CheckboxInput(form.cor_invite) }}
<template v-if="cor_invite"> <template v-if="cor_invite">
{{ TextInput(form.cor_dod_id, placeholder="1234567890", tooltip="Why", tooltip_title='Why', validation='dodId')}} {{ TextInput(form.cor_dod_id, placeholder="1234567890", tooltip="Why", tooltip_title='Why', validation='dodId', classes="task-order__invite-officer")}}
</template> </template>
</template> </template>
@ -41,7 +41,7 @@
{{ UserInfo(form.so_first_name, form.so_last_name, form.so_email, form.so_phone_number) }} {{ UserInfo(form.so_first_name, form.so_last_name, form.so_email, form.so_phone_number) }}
{{ CheckboxInput(form.so_invite) }} {{ CheckboxInput(form.so_invite) }}
<template v-if="so_invite"> <template v-if="so_invite">
{{ TextInput(form.so_dod_id, placeholder="1234567890", tooltip="Why", tooltip_title='Why', validation='dodId')}} {{ TextInput(form.so_dod_id, placeholder="1234567890", tooltip="Why", tooltip_title='Why', validation='dodId', classes="task-order__invite-officer")}}
</template> </template>
</div> </div>
</oversight> </oversight>