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;
|
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">> pass ' + esc(name) + "</span>");
|
appendLine('<span class="cmd">> 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
@@ -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 {
|
||||||
|
|||||||
Reference in New Issue
Block a user