fix(ui): local-game history (hide social, keep dictionary); Enter dismisses keyboard; email-code autosubmit
CI / changes (pull_request) Successful in 2s
CI / unit (pull_request) Has been skipped
CI / integration (pull_request) Has been skipped
CI / ui (pull_request) Successful in 1m7s
CI / conformance (pull_request) Successful in 11s
CI / gate (pull_request) Successful in 0s
CI / deploy (pull_request) Successful in 1m49s

- History drawer in a local (offline) game: the seat plaques no longer
  show the add-friend/block controls — canAddFriend/canBlock now exclude a
  local game (hotseat seats have synthetic account ids that slipped past
  the vs_ai-only guard) — and the Dictionary entry is restored: an active
  hotseat game keeps the comms button, and CommsHub is Dictionary-only for
  a chatless vs_ai OR hotseat game (ChatScreen never mounts offline).
- Enter on any single-line <input> now dismisses the soft keyboard (blur);
  a <textarea> (feedback) keeps Enter for newlines. One global handler.
- Login email code: the friend-code spread-digit style (.codein), a
  6-char cap, auto-submit on the 6th digit, and Enter to submit.
- e2e: the local-game history has no social controls and keeps the
  dictionary entry.
This commit is contained in:
Ilia Denisov
2026-07-07 14:45:53 +02:00
parent beda6ccd3d
commit 52d0c559f9
5 changed files with 57 additions and 17 deletions
+19 -1
View File
@@ -17,10 +17,17 @@
}
async function signIn() {
if (busy || code.trim().length === 0) return;
busy = true;
await loginEmail(email.trim(), code.trim());
busy = false;
}
// Track the code and auto-submit once the 6-digit code is complete (Enter submits too).
function onCode(v: string): void {
code = v;
if (code.trim().length === 6) void signIn();
}
</script>
<main class="login">
@@ -46,10 +53,16 @@
{:else}
<p class="muted">{t('login.codeSent', { email })}</p>
<input
class="codein"
inputmode="numeric"
autocomplete="one-time-code"
maxlength="6"
placeholder={t('login.codePlaceholder')}
bind:value={code}
value={code}
oninput={(e) => onCode(e.currentTarget.value)}
onkeydown={(e) => {
if (e.key === 'Enter') void signIn();
}}
/>
<button class="secondary" disabled={busy || !code.trim()} onclick={signIn}>
{t('login.signIn')}
@@ -98,6 +111,11 @@
color: var(--text);
font-size: 1rem;
}
/* The email code: the same spread-digit look as the friend-code input elsewhere. */
.codein {
letter-spacing: 0.3em;
font-size: 1.1rem;
}
button {
padding: 12px;
border-radius: var(--radius-sm);