Fix text overflow in failed replications table

This commit is contained in:
2026-01-05 23:19:51 +08:00
parent 93a5aa6618
commit 78dba93ee0

View File

@@ -5164,10 +5164,10 @@
if (!failuresBody) return; if (!failuresBody) return;
failuresBody.innerHTML = failures.map(f => ` failuresBody.innerHTML = failures.map(f => `
<tr> <tr>
<td class="ps-3 text-break" style="max-width: 200px;"> <td class="ps-3" style="max-width: 200px; word-break: break-all; overflow-wrap: anywhere;">
<code class="small">${escapeHtml(f.object_key)}</code> <code class="small" style="word-break: break-all;">${escapeHtml(f.object_key)}</code>
</td> </td>
<td class="small text-muted text-break" style="max-width: 250px;" title="${escapeHtml(f.error_message)}"> <td class="small text-muted" style="max-width: 250px; word-break: break-all; overflow-wrap: anywhere;" title="${escapeHtml(f.error_message)}">
${escapeHtml(f.error_message.length > 60 ? f.error_message.substring(0, 60) + '...' : f.error_message)} ${escapeHtml(f.error_message.length > 60 ? f.error_message.substring(0, 60) + '...' : f.error_message)}
</td> </td>
<td class="small text-muted">${new Date(f.timestamp * 1000).toLocaleString()}</td> <td class="small text-muted">${new Date(f.timestamp * 1000).toLocaleString()}</td>