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

Adjust columns widths and padding to fit large numbers

Browse Source
This commit is contained in:
leigh-mil 2019-08-06 11:59:23 -04:00
parent d755d96bae
commit 53943a30c3
2 changed files with 19 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
styles/sections/_task_order.scss
View File

@ -35,10 +35,24 @@
margin-top: 1rem;
table-layout: fixed;
td {
overflow: hidden;
th {
white-space: nowrap;
text-overflow: ellipsis;
word-wrap: normal;
padding: 0.8rem;
&.task-order__clin-amount {
width: 25%;
}
}
td {
padding: 0.8rem;
&.task-order__loa {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
}
}

4
templates/fragments/task_order_review.html
View File

@ -39,7 +39,7 @@
<table class="fixed-table-wrapper">
<thead>
<tr>
<th>{{ "task_orders.review.clins.amount" | translate }}</th>
<th class="task-order__clin-amount">{{ "task_orders.review.clins.amount" | translate }}</th>
<th>{{ "task_orders.review.clins.obligated" | translate }}</th>
<th>{{ "task_orders.review.clins.pop_start" | translate }}</th>
<th>{{ "task_orders.review.clins.pop_end" | translate }}</th>
@ -59,7 +59,7 @@
</td>
<td>{{ clin.start_date | formattedDate }}</td>
<td>{{ clin.end_date | formattedDate }}</td>
<td>
<td class="task-order__loa">
{% for loa in clin.loas %}
<span title='{{ loa }}'>
{{ loa }}