Make Step 6 checklist boxes consistent: solid red background, no text/checkmark inside (matching Migration Steps style)

This commit is contained in:
Laan Tungir
2026-07-19 09:02:20 -04:00
parent cf6333917d
commit 9a975fcbc5
3 changed files with 22 additions and 14 deletions
+1 -1
View File
@@ -1,6 +1,6 @@
{
"name": "post_quantum_nostr",
"version": "0.0.10",
"version": "0.0.11",
"description": "A migration strategy for bringing post-quantum security to Nostr without breaking the social graph, without requiring consensus on a single post-quantum algorithm, and without forcing existing users to abandon their identities.",
"main": "index.js",
"scripts": {
+18 -10
View File
@@ -522,11 +522,11 @@
<div class="pq-checklist" style="margin-bottom: 15px;">
<div class="pq-checklist-item pq-done" id="pqOtsSubmit">
<span class="pq-checklist-box">✓</span>
<span class="pq-checklist-box"></span>
<span>Submit hash to OpenTimestamps — pending .ots proof created</span>
</div>
<div class="pq-checklist-item pq-done" id="pqOtsPendingPublish">
<span class="pq-checklist-box">✓</span>
<span class="pq-checklist-box"></span>
<span>Pending proof embedded in kind 11112 event</span>
</div>
<div class="pq-checklist-item pq-active" id="pqOtsConfirm">
@@ -771,15 +771,23 @@
function setKeyIcon(elementId, icon) {
const el = document.getElementById(elementId);
if (!el) return;
// Supports both the old .pq-key-icon elements and the new checklist
// .pq-checklist-box elements (used in Step 3 and Step 6).
const iconEl = el.querySelector('.pq-key-icon') || el.querySelector('.pq-checklist-box');
if (iconEl) iconEl.textContent = icon;
if (icon && el.classList.contains('pq-checklist-item')) {
el.classList.add('pq-done');
} else if (!icon && el.classList.contains('pq-checklist-item')) {
el.classList.remove('pq-done');
// For checklist items (Step 3, Step 6), toggle the pq-done class to
// show a solid red box — no text inside the box, matching the
// Migration Steps checklist style.
if (el.classList.contains('pq-checklist-item')) {
const box = el.querySelector('.pq-checklist-box');
if (box) box.textContent = '';
if (icon) {
el.classList.add('pq-done');
el.classList.remove('pq-active');
} else {
el.classList.remove('pq-done');
}
return;
}
// Legacy .pq-key-icon elements (no longer used but kept for safety)
const iconEl = el.querySelector('.pq-key-icon');
if (iconEl) iconEl.textContent = icon;
}
/* ================================================================
+3 -3
View File
@@ -1,5 +1,5 @@
{
"VERSION": "v0.0.10",
"VERSION_NUMBER": "0.0.10",
"BUILD_DATE": "2026-07-19T12:34:09.698Z"
"VERSION": "v0.0.11",
"VERSION_NUMBER": "0.0.11",
"BUILD_DATE": "2026-07-19T13:02:19.914Z"
}