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

sig-select landscape: stage card now visible; gear/kit btns in right sidebar column

Browse Source 
sizeSigModal() no longer uses tray bottomInset in landscape (was over-shrinking the
modal, pushing the stage off-screen); fixed 60px kit-bag-handle clearance instead.
Gear btn + kit btn shifted into the 4rem right sidebar strip (right: 0.5rem) and
nudged down a quarter-rem so they clear the last card in the 9×2 grid.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Disco DeDisco
2026-04-05 23:02:32 -04:00
parent c3ab78cc57
commit 871e94b298
4 changed files with 31 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/static_src/scss/_applets.scss
View File

@@ -119,8 +119,8 @@
.room-page,
.billboard-page {
> .gear-btn {
right: calc(#{$sidebar-w} + 0.5rem);
bottom: 4.2rem; // same gap above kit btn as portrait; no page-specific overrides needed
right: 0.5rem;
bottom: 3.95rem; // same gap above kit btn as portrait; no page-specific overrides needed
top: auto;
}
}

4
src/static_src/scss/_game-kit.scss
View File

@@ -4,8 +4,8 @@
right: 0.5rem;
@media (orientation: landscape) and (max-width: 1440px) {
right: calc(4rem + 0.5rem);
bottom: 0.75rem;
right: 0.5rem;
bottom: 0.5rem;
top: auto;
}

12
src/static_src/scss/_room.scss
View File

@@ -1053,11 +1053,17 @@ html:has(.sig-backdrop) {
}
// ─── Sig select: landscape overrides ─────────────────────────────────────────
// Wider viewport → 2 rows of 9 cards; modal allowed to fill available width.
// Wider viewport → 2 rows of 9 cards; modal fills full available width.
// padding-left clears the fixed left navbar (JS sets right/bottom but not left).
// Grid margins reset to 0 — overlay padding handles all edge clearance in landscape.
@media (orientation: landscape) {
.sig-modal { max-width: none; }
.sig-deck-grid { grid-template-columns: repeat(9, 1fr); }
.sig-overlay { padding-left: 4rem; }
.sig-modal { max-width: none; }
.sig-deck-grid {
grid-template-columns: repeat(9, 1fr);
margin: 0;
}
}
// ─── Seat tray — see _tray.scss ─────────────────────────────────────────────