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:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user