diff --git a/archivebox/templates/core/snapshot.html b/archivebox/templates/core/snapshot.html index 2632fc16..67e6754d 100644 --- a/archivebox/templates/core/snapshot.html +++ b/archivebox/templates/core/snapshot.html @@ -1577,7 +1577,7 @@ {{ snapshot_permissions_icon }} {{ snapshot_permissions }} {% endif %} - +
@@ -2120,7 +2120,8 @@ hideSnapshotHeader() } } - function handleSnapshotHeaderToggle() { + function handleSnapshotHeaderToggle(event) { + event.preventDefault() if (jQuery('.header-toggle').text().includes('▾')) { hideSnapshotHeader() } else { @@ -2129,8 +2130,7 @@ return true } - // hide header when collapse icon is clicked - jQuery('.header-toggle').on('click', handleSnapshotHeaderToggle) + // Hide or show the header once when its title row or collapse icon is clicked. jQuery('.header-toggle-trigger').on('click', handleSnapshotHeaderToggle) // check URL for hash e.g. #git and load relevant preview diff --git a/archivebox/tests/test_ui_admin_snapshot.py b/archivebox/tests/test_ui_admin_snapshot.py index 442afbea..4594db53 100644 --- a/archivebox/tests/test_ui_admin_snapshot.py +++ b/archivebox/tests/test_ui_admin_snapshot.py @@ -696,6 +696,9 @@ class TestSnapshotProgressStats: assert "index.jsonl?preview=1" in rendered assert "height: calc(100vh - 210px)" not in rendered assert "iframe-large" not in rendered + assert 'class="header-toggle header-toggle-trigger"' not in rendered + assert "event.preventDefault()" in rendered + assert rendered.count(".on('click', handleSnapshotHeaderToggle)") == 1 class TestAdminSnapshotListView: