The_Great_Archive/ArchiveBox
1
0
Fork 0
mirror of https://github.com/ArchiveBox/ArchiveBox.git synced 2026-09-14 11:06:13 +05:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: align snapshot output actions

Browse Source
This commit is contained in:
Nick Sweeting 2026-08-28 18:52:11 -07:00
parent 584aa54766
commit 2ea6bf56f1
No known key found for this signature in database
3 changed files with 38 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
archivebox/core/admin_archiveresults.py
View File

@ -198,7 +198,6 @@ def render_archiveresults_list(archiveresults_qs, limit=50, config=None, can_del
if can_delete:
delete_button = f'''
<button type="button" data-archive-result-ids="{result.id}" data-delete-url="{delete_url}"
style="padding: 4px 8px; border: 0; background: #f1f5f9; border-radius: 4px; color: #475569; font-size: 11px; cursor: pointer;"
title="Delete this output">❌</button>
'''
@ -254,13 +253,11 @@ def render_archiveresults_list(archiveresults_qs, limit=50, config=None, can_del
<td style="padding: 10px 12px; white-space: nowrap; font-family: ui-monospace, monospace; font-size: 11px; color: #64748b;">
{version}
</td>
<td style="padding: 10px 8px; white-space: nowrap;">
<div style="display: flex; gap: 4px;">
<td class="archive-results-actions-cell">
<div class="archive-results-actions">
<a href="{output_link_attr}" target="_blank"
style="padding: 4px 8px; background: #f1f5f9; border-radius: 4px; color: #475569; text-decoration: none; font-size: 11px;"
title="View output">📄</a>
<a href="{reverse("admin:core_archiveresult_change", args=[result.id])}"
style="padding: 4px 8px; background: #f1f5f9; border-radius: 4px; color: #475569; text-decoration: none; font-size: 11px;"
title="Edit">✏️</a>
{delete_button}
</div>
@ -331,7 +328,7 @@ def render_archiveresults_list(archiveresults_qs, limit=50, config=None, can_del
<th style="padding: 10px 12px; text-align: left; font-weight: 600; color: #475569; font-size: 12px; text-transform: uppercase; letter-spacing: 0.05em;">Process</th>
<th style="padding: 10px 12px; text-align: left; font-weight: 600; color: #475569; font-size: 12px; text-transform: uppercase; letter-spacing: 0.05em;">Machine</th>
<th style="padding: 10px 12px; text-align: left; font-weight: 600; color: #475569; font-size: 12px; text-transform: uppercase; letter-spacing: 0.05em;">Version</th>
<th style="padding: 10px 8px; text-align: left; font-weight: 600; color: #475569; font-size: 12px; text-transform: uppercase; letter-spacing: 0.05em;">Actions</th>
<th class="archive-results-actions-cell" style="text-align: left; font-weight: 600; color: #475569; font-size: 12px; text-transform: uppercase; letter-spacing: 0.05em;">Actions</th>
</tr>
</thead>
<tbody>

32
archivebox/templates/static/admin.css
View File

@ -1461,6 +1461,38 @@ body.model-crawl.change-list #result_list td.field-short_id a {
white-space: normal;
}
.archive-results-table .archive-results-actions-cell {
width: 100px;
min-width: 100px;
padding: 10px 8px;
white-space: nowrap;
}
.archive-results-table .archive-results-actions {
display: flex;
align-items: center;
gap: 4px;
}
.archive-results-table .archive-results-actions a,
.archive-results-table .archive-results-actions button {
display: inline-flex;
align-items: center;
justify-content: center;
margin: 0;
width: 28px;
height: 28px;
padding: 0;
border: 0;
border-radius: 4px;
background: #f1f5f9;
color: #475569;
font-size: 14px;
line-height: 1;
text-decoration: none;
cursor: pointer;
}
#result_list tbody td.field-cmd_str pre,
#result_list tbody td.field-output_str pre {

3
archivebox/tests/test_ui_admin_links.py
View File

@ -206,6 +206,7 @@ def test_archiveresult_admin_links_plugin_and_process(real_hook_result):
assert inline_html.count('class="archive-results-output"') == 2
assert inline_html.count('class="archive-results-files"') == 2
assert inline_html.count('class="archive-results-completed"') == 2
assert 'class="archive-results-actions"' in inline_html
assert "display: block; max-width: 280px; overflow: hidden; text-overflow: ellipsis;" in inline_html
assert '<wbr> <span style="white-space: nowrap;">' in inline_html
@ -215,6 +216,8 @@ def test_archiveresult_admin_links_plugin_and_process(real_hook_result):
assert ".archive-results-table .archive-results-output {\n min-width: 180px;" in admin_css
assert ".archive-results-table .archive-results-files {\n width: 52px;\n min-width: 52px;" in admin_css
assert ".archive-results-table .archive-results-completed {\n min-width: 96px;\n white-space: normal;" in admin_css
assert ".archive-results-table .archive-results-actions a,\n.archive-results-table .archive-results-actions button {" in admin_css
assert "margin: 0;\n width: 28px;\n height: 28px;" in admin_css
@pytest.mark.django_db(transaction=True)