sea deck stack: rename the stale .sea-stack-ok class to .sea-stack-flip (the btn renders FLIP now) — TDD
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:
@@ -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
|
||||
|
||||
|
||||
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user