discoman/python-tdd
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

my-sea portrait SPREAD dropdown opens UP, not down — top: 100% was extending the list below the form col, which on portrait sits flush at the bottom of the visible aperture w. navbar/footer pinned beneath it (options unreachable). bottom: 100% (+ margin flipped to bottom) grows the list into the abundant green aperture above. Chained &.sea-form-col per [[feedback-scss-import-order-specificity]] to beat card-deck's later-loaded base
Some checks failed
ci/woodpecker/push/pyswiss Pipeline was successful
Details
ci/woodpecker/push/main Pipeline failed
Details

Browse Source 
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Disco DeDisco
2026-05-20 12:04:51 -04:00
parent bc4565f161
commit f348a19312
1 changed files with 16 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/static_src/scss/_gameboard.scss
View File

@@ -547,6 +547,22 @@ body.page-gameboard {
.sea-select-list { .sea-select-list {
z-index: 1000; 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 // LOCK HAND post-commit visual-lock: dim everything that mutates the