helwasm: Stored button matches Correct (filled ocean); refocus console after pass modal

- is-stored now uses the same filled-ocean look as is-correct, so both confirmed
  states read identically
- closing the pass overlay (Set or Cancel) returns focus to the command line
This commit is contained in:
Oleksandr Kozachuk
2026-06-09 23:31:46 +02:00
parent 05613813de
commit 2f55846f70
2 changed files with 7 additions and 5 deletions
+2
View File
@@ -440,6 +440,7 @@
const pw = $("#passInput").value; const pw = $("#passInput").value;
$("#passModal").classList.remove("show"); $("#passModal").classList.remove("show");
$("#passInput").value = ""; $("#passInput").value = "";
$("#cin").focus(); // return to the command line after the overlay closes
if (name == null) return; if (name == null) return;
appendLine('<span class="cmd">&gt; pass ' + esc(name) + "</span>"); appendLine('<span class="cmd">&gt; pass ' + esc(name) + "</span>");
if (!pw) { if (!pw) {
@@ -504,6 +505,7 @@
passPending = null; passPending = null;
$("#passModal").classList.remove("show"); $("#passModal").classList.remove("show");
$("#passInput").value = ""; $("#passInput").value = "";
$("#cin").focus();
}; };
const ci = $("#cin"); const ci = $("#cin");
+5 -5
View File
@@ -181,13 +181,13 @@ input.mask.revealed { -webkit-text-security: none; }
.btn.ghost { background: transparent; color: var(--ocean); } .btn.ghost { background: transparent; color: var(--ocean); }
.btn.ghost:hover { background: rgba(27, 65, 97, 0.06); color: var(--ocean); border-color: var(--ocean); } .btn.ghost:hover { background: rgba(27, 65, 97, 0.06); color: var(--ocean); border-color: var(--ocean); }
.btn.small { padding: 7px 15px; font-size: 13px; } .btn.small { padding: 7px 15px; font-size: 13px; }
/* "Mark correct" toggle: filled ocean once the master is remembered-correct. */ /* Confirmed states ("Correct ✓" / "Stored ✓"): same filled-ocean look for both. */
.btn.small.is-correct { background: var(--ocean); color: var(--cream); border-color: var(--ocean); } .btn.small.is-correct,
.btn.small.is-stored { background: var(--ocean); color: var(--cream); border-color: var(--ocean); }
.btn.small.is-correct:hover { background: var(--deep); border-color: var(--deep); } .btn.small.is-correct:hover { background: var(--deep); border-color: var(--deep); }
.btn:disabled { opacity: .4; cursor: not-allowed; pointer-events: none; } .btn:disabled { opacity: .4; cursor: not-allowed; pointer-events: none; }
/* "Stored ✓": not an action (disabled), but shown as a confirmed ocean outline /* is-stored is disabled (re-storing is a no-op); keep it fully opaque, not dimmed. */
rather than the dimmed disabled look. */ .btn.small.is-stored { opacity: 1; }
.btn.small.is-stored { opacity: 1; background: transparent; color: var(--ocean); border-color: var(--ocean); }
/* Quick-gen result row */ /* Quick-gen result row */
.result { .result {