Chat + word-check as their own screens; in-game unread badge (review item 7)

- Chat and word-check are now routed screens (/game/:id/chat, /game/:id/check) with a header back to the game and no tab-bar, replacing their modals. The soft keyboard just resizes the visible viewport (tracked into --vvh, which the Screen height uses since iOS does not shrink dvh for the keyboard) with the input pinned to the bottom: no modal relayout, no page jump. Supersedes the earlier bottom-sheet Modal attempt. - A new chat message raises an unread badge on the in-game hamburger + the Chat menu row (per game, cleared on opening the chat), mirroring the lobby badge. - TG native back + the header back chevron return chat/check to their game. - Exposes --tg-safe-top (device notch) for the finalised TG-fullscreen header. Tests: e2e for chat/check opening as their own screens + back. Docs: PLAN, FUNCTIONAL(+ru).
2026-06-08 23:23:05 +02:00
parent 295e45486d
commit 70110effd9
12 changed files with 330 additions and 187 deletions
@@ -70,7 +70,10 @@
  .screen {
    display: flex;
    flex-direction: column;
-    height: 100%;
+    /* Fit the visible viewport (set from visualViewport, app.svelte.ts) so a screen with a
+       bottom input — chat, word-check — stays above an open soft keyboard without the page
+       scrolling; falls back to the full height where the var is unset (Stage 17). */
+    height: var(--vvh, 100%);
  }
  .content {
    flex: 0 1 auto;