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);
|
||||
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,
|
||||
.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>
|
||||
{% else %}<span class="badge badge-success">Wiped</span>{% endif %}
|
||||
</td>
|
||||
<td style="max-width: 28rem;">
|
||||
<td class="wrap">
|
||||
{% if it.note %}
|
||||
<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>
|
||||
|
||||
@@ -69,7 +69,7 @@
|
||||
<td class="mono">{{ it.serial or '-' }}</td>
|
||||
<td>{{ it.model or '-' }}</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">
|
||||
<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;">
|
||||
|
||||
Reference in New Issue
Block a user