darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-02-06 03:13:42 -05:00
Code Issues Packages Projects Releases Wiki Activity

updated css table widths

Browse Source
This commit is contained in:
Beverly Nguyen
2024-02-12 16:33:41 -08:00
parent ef5ed8ecab
commit dd902468f2
2 changed files with 35 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
app/assets/sass/uswds/_uswds-theme-custom-styles.scss
View File

@@ -378,28 +378,29 @@ td.table-empty-message {
}
.job-table {
.usa-table {
thead th.file-name {
width: 25%;
}
thead th.template {
width: 20%;
}
thead th.time-sent {
width: 30%;
}
thead th.sender {
width: 15%;
}
thead th.\#-of-recipients {
width: 5%;
}
thead th.report {
width: 5%;
}
th {
padding: 0.5rem 0.5rem;
}
width: 100%;
border-collapse: collapse;
td.file-name {
width: 25%;
overflow-wrap: anywhere;
}
td.template {
width: 20%;
}
td.time-sent {
width: 20%;
}
td.sender {
width: 15%;
}
td.count-of-recipients {
width: 5%;
}
td.report {
width: 5%;
}
th {
padding: 0.5rem 0.5rem;
}
}

24
app/templates/views/dashboard/dashboard.html
View File

@@ -33,22 +33,22 @@
<table class="usa-table usa-table--borderless job-table">
<thead class="table-field-headings">
<tr>
<th scope="col" class="table-field-heading-first file-name">
<th scope="col" class="table-field-heading-first">
<span>File name</span>
</th>
<th scope="col" class="table-field-heading template">
<th scope="col" class="table-field-heading">
<span>Template</span>
</th>
<th scope="col" class="table-field-heading time-sent">
<th scope="col" class="table-field-heading">
<span>Time sent</span>
</th>
<th scope="col" class="table-field-heading sender">
<th scope="col" class="table-field-heading">
<span>Sender</span>
</th>
<th scope="col" class="table-field-heading #-of-recipients">
<th scope="col" class="table-field-heading">
<span># of Recipients</span>
</th>
<th scope="col" class="table-field-heading report">
<th scope="col" class="table-field-heading">
<span>Report</span>
</th>
</tr>
@@ -59,24 +59,24 @@
{% if job.job_id and job.notifications %}
{% set notification = job.notifications[0] %}
<tr class="table-row" id="{{ job.job_id }}">
<td class="table-field">
<td class="table-field file-name">
{{ notification.job.original_file_name if notification.job.original_file_name else 'Manually entered number'}}
<br>
<a class="usa-link file-list-filename" href="{{ job.view_job_link }}">View Batch</a>
</td>
<td class="table-field">
<td class="table-field template">
{{ notification.template.name }}
</td>
<td class="table-field">
<td class="table-field time-sent">
{{ job.created_at | format_datetime_short_america }}
</td>
<td class="table-field">
<td class="table-field sender">
{{ notification.created_by.name }}
</td>
<td class="table-field">
<td class="table-field count-of-recipients">
{{ job.notification_count}}
</td>
<td class="table-field">
<td class="table-field report">
{% if notification and job.time_left != "Data no longer available" %}
<a class="usa-link file-list-filename" href="{{ job.download_link }}">Download</a>
<span class="usa-hint">{{ job.time_left }}</span>