Phone fixes at a crowded table: focus scroll in viewport coordinates, a wrapping masthead, a slimmer bar

Turning the ledger toward a wizard summed a sticky cell's offset, which
moves with the scroll; it now uses viewport rectangles and the width the
pinned columns cover, so repeated and switched taps land the same. The
masthead's actions wrap instead of running off a phone. The phone bar
names you, the wizard in focus and the count, with the roster a tap away.
The hands row's first cell is pinned with the rest of the turn column.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_0141G6xqLeNRYEtviLWSB5Up

This commit is contained in:

Eric Wagoner

2026-09-23 11:41:28 -04:00

co-authored by

Claude Fable 5.1

parent 5c79a65319

commit effe17c729

5 changed files with 44 additions and 11 deletions

									
										src/routes/join/[code]/+page.svelte
									
		+3
		
												View File
												
				@@ -234,8 +234,11 @@

					.actions {

						display: flex;

						flex-wrap: wrap;

						gap: 0.5rem;

						flex-shrink: 0;

						min-width: 0;

						max-width: 100%;

					}

					.quiet {