Use default table styling for CLIN tables
This commit is contained in:
parent
2644133b76
commit
5fb44b39b0
@ -4,7 +4,7 @@
|
||||
* @source https://github.com/uswds/uswds/blob/develop/src/stylesheets/elements/_table.scss
|
||||
*/
|
||||
|
||||
table {
|
||||
table.atat-table {
|
||||
@include panel-margin;
|
||||
|
||||
min-width: 100%;
|
||||
|
@ -32,7 +32,7 @@
|
||||
{% if not portfolio.members %}
|
||||
<p>{{ "portfolios.admin.no_members" | translate }}</p>
|
||||
{% else %}
|
||||
<table>
|
||||
<table class="atat-table">
|
||||
|
||||
<thead>
|
||||
<tr>
|
||||
|
@ -14,7 +14,7 @@
|
||||
{% endcall %}
|
||||
|
||||
<div class="col col--grow">
|
||||
<table class="funding-summary__table">
|
||||
<table class="funding-summary__table atat-table">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><h4>{{ "task_orders.new.review.to_value"| translate }}</h4></td>
|
||||
|
@ -32,7 +32,7 @@
|
||||
class='member-list'
|
||||
v-bind:members='{{ members | tojson}}'>
|
||||
<div class='responsive-table-wrapper panel'>
|
||||
<table v-cloak v-if='searchedList && searchedList.length'>
|
||||
<table v-cloak v-if='searchedList && searchedList.length' class="atat-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th v-for="col in getColumns()" @click="updateSort(col.displayName)" :width="col.width" :class="col.class" scope="col">
|
||||
|
@ -2,7 +2,7 @@
|
||||
|
||||
{% block content %}
|
||||
<div v-cloak class='col'>
|
||||
<table>
|
||||
<table class="atat-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Portfolio Name</th>
|
||||
|
@ -379,7 +379,7 @@
|
||||
prev-month-index='{{ prev_month_index }}'
|
||||
two-months-ago-index='{{ two_months_ago_index }}'
|
||||
inline-template>
|
||||
<table>
|
||||
<table class="atat-table">
|
||||
<thead>
|
||||
<th scope='col'><span class='usa-sr-only'>Spending scope</span></th>
|
||||
<th scope='col' class='table-cell--align-right previous-month'>{{ two_months_ago.strftime('%B %Y') }}</th>
|
||||
|
@ -23,7 +23,7 @@
|
||||
v-cloak
|
||||
>
|
||||
<div class='responsive-table-wrapper'>
|
||||
<table v-cloak>
|
||||
<table v-cloak class="atat-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th v-for="col in getColumns()" @click="updateSort(col.displayName)" :width="col.width" :class="col.class" scope="col">
|
||||
|
@ -31,54 +31,50 @@
|
||||
|
||||
<div class="h3">Funding summary</div>
|
||||
<div>CLIN 1: Unclassified Cloud Services 001</div>
|
||||
<div class='responsive-table-wrapper'>
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th class='table-cell--expand'>Amount</th>
|
||||
<th class='table-cell--expand'>Obligated</th>
|
||||
<th class='table-cell--expand'>PoP Start</th>
|
||||
<th class='table-cell--expand'>PoP End</th>
|
||||
<th class='table-cell--expand'>LOA</th>
|
||||
<th>Amount</th>
|
||||
<th>Obligated</th>
|
||||
<th>PoP Start</th>
|
||||
<th>PoP End</th>
|
||||
<th>LOA</th>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class='table-cell--expand'>$500,000</td>
|
||||
<td class='table-cell--expand'>Yes</td>
|
||||
<td class='table-cell--expand'>9/07/19</td>
|
||||
<td class='table-cell--expand'>9/07/20</td>
|
||||
<td class='table-cell--expand'>34820394</td>
|
||||
<td>$500,000</td>
|
||||
<td>Yes</td>
|
||||
<td>9/07/19</td>
|
||||
<td>9/07/20</td>
|
||||
<td>34820394</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div>CLIN 2: Unclassified Cloud Services 002</div>
|
||||
<div class='responsive-table-wrapper'>
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th class='table-cell--expand'>Amount</th>
|
||||
<th class='table-cell--expand'>Obligated</th>
|
||||
<th class='table-cell--expand'>PoP Start</th>
|
||||
<th class='table-cell--expand'>PoP End</th>
|
||||
<th class='table-cell--expand'>LOA</th>
|
||||
<th>Amount</th>
|
||||
<th>Obligated</th>
|
||||
<th>PoP Start</th>
|
||||
<th>PoP End</th>
|
||||
<th>LOA</th>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class='table-cell--expand'>$300,000</td>
|
||||
<td class='table-cell--expand'>No</td>
|
||||
<td class='table-cell--expand'>9/08/20</td>
|
||||
<td class='table-cell--expand'>9/08/21</td>
|
||||
<td class='table-cell--expand'>q9384751934</td>
|
||||
<td>$300,000</td>
|
||||
<td>No</td>
|
||||
<td>9/08/20</td>
|
||||
<td>9/08/21</td>
|
||||
<td>q9384751934</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
|
||||
|
Loading…
x
Reference in New Issue
Block a user