From f348a1931289d62978637ecb33fccd5a082b5580 Mon Sep 17 00:00:00 2001 From: Disco DeDisco Date: Wed, 20 May 2026 12:04:51 -0400 Subject: [PATCH] =?UTF-8?q?my-sea=20portrait=20SPREAD=20dropdown=20opens?= =?UTF-8?q?=20UP,=20not=20down=20=E2=80=94=20`top:=20100%`=20was=20extendi?= =?UTF-8?q?ng=20the=20list=20below=20the=20form=20col,=20which=20on=20port?= =?UTF-8?q?rait=20sits=20flush=20at=20the=20bottom=20of=20the=20visible=20?= =?UTF-8?q?aperture=20w.=20navbar/footer=20pinned=20beneath=20it=20(option?= =?UTF-8?q?s=20unreachable).=20`bottom:=20100%`=20(+=20margin=20flipped=20?= =?UTF-8?q?to=20bottom)=20grows=20the=20list=20into=20the=20abundant=20gre?= =?UTF-8?q?en=20aperture=20above.=20Chained=20`&.sea-form-col`=20per=20[[f?= =?UTF-8?q?eedback-scss-import-order-specificity]]=20to=20beat=20card-deck?= =?UTF-8?q?'s=20later-loaded=20base?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-Authored-By: Claude Opus 4.7 (1M context) --- src/static_src/scss/_gameboard.scss | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) diff --git a/src/static_src/scss/_gameboard.scss b/src/static_src/scss/_gameboard.scss index fd5c2e1..fe5e5e8 100644 --- a/src/static_src/scss/_gameboard.scss +++ b/src/static_src/scss/_gameboard.scss @@ -547,6 +547,22 @@ body.page-gameboard { .sea-select-list { z-index: 1000; } + + // Portrait — open the SPREAD dropdown UPWARD instead of downward. + // The portrait form col sits at the bottom of the viewport (below + // the cross spread) w. the navbar/footer pinned beneath it, so the + // default `top: 100%` dropdown extends BELOW the visible aperture + // + the user can't scroll to it. Flipping to `bottom: 100%` makes + // the list grow upward into the abundant green aperture above. + // Chained `&.sea-form-col` to beat card-deck's later-loaded base + // (per [[feedback-scss-import-order-specificity]]). + @media (orientation: portrait) { + &.sea-form-col .sea-select .sea-select-list { + top: auto; + bottom: 100%; + margin: 0 0 0.2rem; + } + } } // LOCK HAND post-commit visual-lock: dim everything that mutates the