my_sea_visit: share the owner picker styling (--duoUser felt + fill) when showing the draw — TDD

The bud-sea (visitor) VIEW DRAW rendered the cross but kept data-phase=landing,
so it sat on the --priUser landing bg instead of the owner's --duoUser picker
felt, and its #id_my_sea_visit_draw wrapper wasn't a flex container so the
picker didn't fill/centre like the owner's.

DRY fix (no new visit-only styling):
- VIEW DRAW toggle now flips .my-sea-page data-phase landing<->picker, so the
  cross reuses the shared .my-sea-page[data-phase=picker] --duoUser felt rule.
- .my-sea-visit-draw is display:contents, so its .my-sea-picker child becomes a
  direct flex item of .my-sea-page and fills/centres via the existing
  .my-sea-picker sizing.

FT asserts the page flips to data-phase=picker on VIEW DRAW.

Code architected by Disco DeDisco <discodedisco@outlook.com>
Git commit message Co-Authored-By:
Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
Disco DeDisco
2026-05-29 22:42:00 -04:00
parent 02d2d565a3
commit c3594d27ed
4 changed files with 21 additions and 2 deletions

View File

@@ -337,6 +337,15 @@ body.page-gameboard {
min-height: 0;
}
// Spectator (bud-sea) draw wrapper — `display: contents` makes it layout-
// transparent so its `.my-sea-picker` child becomes a direct flex item of
// `.my-sea-page` and fills/centres EXACTLY like the owner's picker, with no
// separate visit-only sizing rules (DRY). VIEW DRAW toggles its display + the
// page's data-phase, so the cross rides the shared picker felt + layout.
.my-sea-visit-draw {
display: contents;
}
.my-sea-picker {
flex: 1;
min-height: 0;