webapp: wrap destruction notes instead of widening the table
The theme sets white-space: nowrap on every table cell, so the ServiceNow tick list's destruction note (and the to-do failure column) ran as one line and pushed the Done buttons off to the right. A td.wrap utility lets prose cells wrap within 16-28rem.
This commit is contained in:
@@ -496,6 +496,15 @@ table.table,
|
|||||||
border-top: 1px solid var(--border);
|
border-top: 1px solid var(--border);
|
||||||
color: var(--text);
|
color: var(--text);
|
||||||
}
|
}
|
||||||
|
/* Cells holding prose (e.g. destruction notes) wrap instead of widening
|
||||||
|
the table; every other cell stays nowrap. */
|
||||||
|
.data-table td.wrap {
|
||||||
|
white-space: normal;
|
||||||
|
min-width: 16rem;
|
||||||
|
max-width: 28rem;
|
||||||
|
overflow-wrap: anywhere;
|
||||||
|
}
|
||||||
|
|
||||||
.data-table tbody tr:hover,
|
.data-table tbody tr:hover,
|
||||||
.table tbody tr:hover { background: rgba(65, 129, 255, 0.1); }
|
.table tbody tr:hover { background: rgba(65, 129, 255, 0.1); }
|
||||||
|
|
||||||
|
|||||||
@@ -53,7 +53,7 @@
|
|||||||
{% if it.failed %}<span class="badge badge-danger">Blancco Wipe failed</span>
|
{% if it.failed %}<span class="badge badge-danger">Blancco Wipe failed</span>
|
||||||
{% else %}<span class="badge badge-success">Wiped</span>{% endif %}
|
{% else %}<span class="badge badge-success">Wiped</span>{% endif %}
|
||||||
</td>
|
</td>
|
||||||
<td style="max-width: 28rem;">
|
<td class="wrap">
|
||||||
{% if it.note %}
|
{% if it.note %}
|
||||||
<div class="small">{{ it.note }}</div>
|
<div class="small">{{ it.note }}</div>
|
||||||
<button type="button" class="btn btn-sm btn-outline-secondary btn-row-action copy-btn mt-1" data-copy-text="{{ it.note }}">copy note</button>
|
<button type="button" class="btn btn-sm btn-outline-secondary btn-row-action copy-btn mt-1" data-copy-text="{{ it.note }}">copy note</button>
|
||||||
|
|||||||
@@ -69,7 +69,7 @@
|
|||||||
<td class="mono">{{ it.serial or '-' }}</td>
|
<td class="mono">{{ it.serial or '-' }}</td>
|
||||||
<td>{{ it.model or '-' }}</td>
|
<td>{{ it.model or '-' }}</td>
|
||||||
<td class="mono text-nowrap">{{ it.when.strftime('%Y-%m-%d %H:%M') }}</td>
|
<td class="mono text-nowrap">{{ it.when.strftime('%Y-%m-%d %H:%M') }}</td>
|
||||||
<td class="small" style="max-width: 26rem;">{{ it.note }}</td>
|
<td class="small wrap">{{ it.note }}</td>
|
||||||
<td class="text-end text-nowrap">
|
<td class="text-end text-nowrap">
|
||||||
<a href="{{ url_for('blancco_view_report', filename=it.file) }}" class="pxe-btn pxe-btn-secondary btn-row-action"><i class="bi bi-eye"></i> Report</a>
|
<a href="{{ url_for('blancco_view_report', filename=it.file) }}" class="pxe-btn pxe-btn-secondary btn-row-action"><i class="bi bi-eye"></i> Report</a>
|
||||||
<form method="post" action="{{ url_for('blancco_todo_mark', kind='destroyed', key=it.document_id) }}" style="display:inline;">
|
<form method="post" action="{{ url_for('blancco_todo_mark', kind='destroyed', key=it.document_id) }}" style="display:inline;">
|
||||||
|
|||||||
Reference in New Issue
Block a user