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:
@@ -440,6 +440,7 @@
|
||||
const pw = $("#passInput").value;
|
||||
$("#passModal").classList.remove("show");
|
||||
$("#passInput").value = "";
|
||||
$("#cin").focus(); // return to the command line after the overlay closes
|
||||
if (name == null) return;
|
||||
appendLine('<span class="cmd">> pass ' + esc(name) + "</span>");
|
||||
if (!pw) {
|
||||
@@ -504,6 +505,7 @@
|
||||
passPending = null;
|
||||
$("#passModal").classList.remove("show");
|
||||
$("#passInput").value = "";
|
||||
$("#cin").focus();
|
||||
};
|
||||
|
||||
const ci = $("#cin");
|
||||
|
||||
+5
-5
@@ -181,13 +181,13 @@ input.mask.revealed { -webkit-text-security: none; }
|
||||
.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.small { padding: 7px 15px; font-size: 13px; }
|
||||
/* "Mark correct" toggle: filled ocean once the master is remembered-correct. */
|
||||
.btn.small.is-correct { background: var(--ocean); color: var(--cream); border-color: var(--ocean); }
|
||||
/* Confirmed states ("Correct ✓" / "Stored ✓"): same filled-ocean look for both. */
|
||||
.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:disabled { opacity: .4; cursor: not-allowed; pointer-events: none; }
|
||||
/* "Stored ✓": not an action (disabled), but shown as a confirmed ocean outline
|
||||
rather than the dimmed disabled look. */
|
||||
.btn.small.is-stored { opacity: 1; background: transparent; color: var(--ocean); border-color: var(--ocean); }
|
||||
/* is-stored is disabled (re-storing is a no-op); keep it fully opaque, not dimmed. */
|
||||
.btn.small.is-stored { opacity: 1; }
|
||||
|
||||
/* Quick-gen result row */
|
||||
.result {
|
||||
|
||||
Reference in New Issue
Block a user