diff --git a/src/functional_tests/test_game_my_sea.py b/src/functional_tests/test_game_my_sea.py index d8d259f..8ced546 100644 --- a/src/functional_tests/test_game_my_sea.py +++ b/src/functional_tests/test_game_my_sea.py @@ -2143,6 +2143,11 @@ class MySeaVisitSpectatorCrossTest(FunctionalTest): self.assertTrue(self.browser.find_elements(By.ID, "id_sea_stage")) self.assertFalse(self.browser.find_elements( By.CSS_SELECTOR, ".my-sea-scroll")) + # The cross rides the owner's shared picker felt: the page flips to + # data-phase="picker" (--duoUser bg) while showing the draw, and the + # display:contents wrapper lets .my-sea-picker fill the page. + page = self.browser.find_element(By.CSS_SELECTOR, ".my-sea-page") + self.assertEqual(page.get_attribute("data-phase"), "picker") class MySeaVisitVoiceGuardTest(FunctionalTest): diff --git a/src/static_src/scss/_card-deck.scss b/src/static_src/scss/_card-deck.scss index f2eff92..85fd280 100644 --- a/src/static_src/scss/_card-deck.scss +++ b/src/static_src/scss/_card-deck.scss @@ -867,7 +867,7 @@ html:has(.sig-backdrop) { // (Polish 2026-05-29 — may be reverted; revert = drop this rule + the // `--img-stroke-w` var + the base.html body class.) body.deck-family-english { - --img-stroke-w: 0.08rem; + --img-stroke-w: 0.125rem; } // ─── My Sign picker — sizing + state-gated reveal ──────────────────────────── diff --git a/src/static_src/scss/_gameboard.scss b/src/static_src/scss/_gameboard.scss index 65df302..d293d15 100644 --- a/src/static_src/scss/_gameboard.scss +++ b/src/static_src/scss/_gameboard.scss @@ -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; diff --git a/src/templates/apps/gameboard/my_sea_visit.html b/src/templates/apps/gameboard/my_sea_visit.html index 0b8c70a..d131c35 100644 --- a/src/templates/apps/gameboard/my_sea_visit.html +++ b/src/templates/apps/gameboard/my_sea_visit.html @@ -135,7 +135,11 @@ {% endif %}