ensured footer was pinned to bottom of page for new-ish billboard.html & room_scroll.html pages; introduced mobile landscape layout, incl. leftward 'navbar', rightward 'footer'; ensured z-index primacy of #id_kit_btn, which would here appear behind the kit bar when open; other fixes introduced by problems stemming largely from new landscape styling
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful

This commit is contained in:
Disco DeDisco
2026-03-23 01:06:14 -04:00
parent 2fd3ec9ab2
commit eecb6c2be6
11 changed files with 208 additions and 40 deletions

View File

@@ -104,6 +104,30 @@
z-index: 201;
}
// In landscape: shift gear btn and applet menus left of the footer right sidebar
@media (orientation: landscape) and (max-width: 1023px) {
$sidebar-w: 4rem;
.gameboard-page,
.dashboard-page,
.wallet-page,
.room-page {
> .gear-btn {
right: calc(#{$sidebar-w} + 0.5rem);
bottom: 4.2rem; // same gap above kit btn as portrait; no page-specific overrides needed
top: auto;
}
}
#id_dash_applet_menu,
#id_game_applet_menu,
#id_wallet_applet_menu {
right: calc(#{$sidebar-w} + 1rem);
bottom: 6.6rem; // same as portrait, just shifted right of footer sidebar
top: auto;
}
}
// ── Applets grid (shared across all boards) ────────────────
%applets-grid {
container-type: inline-size;