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

Style remove buttons

Browse Source
This commit is contained in:
leigh-mil 2019-02-26 15:33:36 -05:00
parent 870e0a299e
commit f3a2ac1f49
2 changed files with 17 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
styles/sections/_task_order.scss
View File

@ -348,11 +348,26 @@
.task-order__loa-list-item {
display: flex;
flex-direction: row;
align-items: flex-end;
align-items: flex-start;
.usa-input {
flex-grow: 1;
}
.loa-list-item__remover {
@include icon-link;
@include icon-link-vertical;
@include icon-link-color($color-red, $color-red-lightest);
margin-bottom: 0;
margin-right: -$gap;
position: absolute;
margin-top: 3 * $gap;
margin-left: $gap;
left: 45em;
max-width: 30em;
}
}
}

2
templates/portfolios/task_orders/review.html
View File

@ -84,7 +84,7 @@
<input type="text" v-model='loa.number' :id="'loas-' + i" placeholder="1234567890"/>
<input type="hidden" :name="'loas-' + i" v-model='loa.number'/>
</div>
<button v-on:click="removeLOA(i)" v-if="loas.length > 1" type="button" class='application-edit__env-list-item__remover'>
<button v-on:click="removeLOA(i)" v-if="loas.length > 1" type="button" class='loa-list-item__remover'>
{{ Icon('trash') }}
<span>Remove</span>
</button>