sea deck stack: rename the stale .sea-stack-ok class to .sea-stack-flip (the btn renders FLIP now) — TDD
All checks were successful
ci/woodpecker/push/pyswiss Pipeline was successful
ci/woodpecker/push/main Pipeline was successful

Pure rename, no behavior change — the deck-stack reveal btn kept the name `.sea-stack-ok` from when it said OK; it has rendered FLIP for a while. Renamed across all 8 references: _card-deck.scss (reveal + pointer-events rules) + a _gameboard.scss comment; the 3 templates that emit or query it (_sea_overlay.html, _my_sea_deck_stack.html, my_sea.html inline JS); and the 3 tests that select it (test_game_room_select_sea FT, test_game_my_sea FT, test_sea_visit IT rendered-HTML asserts). Verified 47 green across all three surfaces (visit IT + gameroom PickSeaDeal stack FT + my_sea CardDraw FT).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
Disco DeDisco
2026-06-08 13:04:51 -04:00
parent c9fc5a2fd4
commit d50645b216
8 changed files with 25 additions and 25 deletions

View File

@@ -2046,7 +2046,7 @@ $_sea-card-glow: 0 0 0.5rem 0.5rem rgba(var(--ninUser), 0.3), 0 0 0.4rem rgba(0,
z-index: 1; // sits above the name label
}
.sea-stack-ok {
.sea-stack-flip {
position: absolute;
top: 50%;
left: 0;
@@ -2064,9 +2064,9 @@ $_sea-card-glow: 0 0 0.5rem 0.5rem rgba(var(--ninUser), 0.3), 0 0 0.4rem rgba(0,
pointer-events: none;
transition: opacity 0.3s ease;
}
.sea-deck-stack:hover .sea-stack-ok,
.sea-deck-stack:focus-within .sea-stack-ok,
.sea-deck-stack--active .sea-stack-ok { opacity: 1; }
.sea-deck-stack:hover .sea-stack-flip,
.sea-deck-stack:focus-within .sea-stack-flip,
.sea-deck-stack--active .sea-stack-flip { opacity: 1; }
// Interactivity is gated on the PERSIST state (`--active`), NOT hover. Hover is
// a purely VISUAL preview — same as the spectator's disabled FLIP, whose "hover
// effect" is just the reveal. Keeping the FLIP click-through on hover preserves
@@ -2074,7 +2074,7 @@ $_sea-card-glow: 0 0 0.5rem 0.5rem rgba(var(--ninUser), 0.3), 0 0 0.4rem rgba(0,
// Were it clickable on hover, a single stack-click would land on the centred
// FLIP itself + deal early. The spectator's FLIP stays `.btn-disabled` (read-
// only) so it never becomes interactive even while persisted.
.sea-deck-stack--active .sea-stack-ok:not(.btn-disabled) { pointer-events: auto; }
.sea-deck-stack--active .sea-stack-flip:not(.btn-disabled) { pointer-events: auto; }
.sea-deck-stack { gap: 0; } // remove gap so name slides under the face

View File

@@ -954,7 +954,7 @@ body.page-gameboard {
transform-origin: center;
}
// FLIP reveal (hover-fade + click-persist) is now the SHARED `.sea-stack-ok`
// FLIP reveal (hover-fade + click-persist) is now the SHARED `.sea-stack-flip`
// behaviour in _card-deck.scss — unified with the owner picker per user-spec
// 2026-05-30, so the visitor's prior hover-only override is gone. The
// spectator's click-persist (`.sea-deck-stack--active`) is wired in