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