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

14
styles/sections/_task_order.scss
View File

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

4
templates/fragments/task_order_review.html
View File

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