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

Add title to LOAs and update TD styling to prevent overflow

Browse Source
This commit is contained in:
leigh-mil 2019-06-17 12:44:40 -04:00
parent 414e5989f5
commit b06ff9071f
2 changed files with 16 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
styles/sections/_task_order.scss
View File

@ -31,6 +31,13 @@
table { table {
margin-top: 1rem; margin-top: 1rem;
table-layout: fixed;
td {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
} }
.col { .col {
@ -46,6 +53,10 @@
margin-top: $gap * 2; margin-top: $gap * 2;
} }
.task-order__details {
max-width: 65%;
}
.totals-box { .totals-box {
padding: $gap * 4; padding: $gap * 4;
padding-top: $gap * 2; padding-top: $gap * 2;

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

@ -39,7 +39,7 @@
{{ "task_orders.review.check_paragraph" | translate }} {{ "task_orders.review.check_paragraph" | translate }}
</p> </p>
<div class="row"> <div class="row">
<div class="col"> <div class="col task-order__details">
<div class="h4"> <div class="h4">
{{ "task_orders.review.task_order_number" | translate }} {{ "task_orders.review.task_order_number" | translate }}
</div> </div>
@ -55,7 +55,7 @@
<div> <div>
{{ "{}".format(clin.jedi_clin_type) | translate}} {{ "{}".format(clin.jedi_clin_type) | translate}}
</div> </div>
<table> <table class="fixed-table-wrapper">
<thead> <thead>
<tr> <tr>
<th>{{ "task_orders.review.clins.amount" | translate }}</th> <th>{{ "task_orders.review.clins.amount" | translate }}</th>
@ -80,7 +80,9 @@
<td>{{ clin.end_date | formattedDate }}</td> <td>{{ clin.end_date | formattedDate }}</td>
<td> <td>
{% for loa in clin.loas %} {% for loa in clin.loas %}
<span title='{{ loa }}'>
{{ loa }} {{ loa }}
</span>
<br /> <br />
{% endfor %} {% endfor %}
</td> </td>