several more styling fixes to get landscape FTs to pass pipeline
Some checks failed
ci/woodpecker/push/woodpecker Pipeline failed

This commit is contained in:
Disco DeDisco
2026-03-23 19:50:08 -04:00
parent 5607f70852
commit a1f8d294a3
5 changed files with 9 additions and 6 deletions

View File

@@ -174,7 +174,7 @@ body {
}
@media (orientation: landscape) and (max-width: 1440px) {
$sidebar-w: 5rem;
$sidebar-w: 4rem;
// ── Sidebar layout: navbar ← left, footer → right ────────────────────────────
body {

View File

@@ -153,7 +153,7 @@ body.page-dashboard {
}
}
@media (orientation: landscape) and (max-width: 1023px) {
@media (orientation: landscape) and (max-width: 1440px) {
// Reset the 666px min-width so #id_dash_content shrinks to fit within the
// sidebar-bounded container rather than overflowing into the footer sidebar.
#id_dash_content {

View File

@@ -45,8 +45,11 @@
z-index: 204;
overflow: hidden;
@media (orientation: landscape) and (max-width: 1023px) {
z-index: 301; // above navbar sidebar (z-index: 300) in landscape
@media (orientation: landscape) and (max-width: 1440px) {
$sidebar-w: 4rem;
// left: $sidebar-w;
right: $sidebar-w;
z-index: 301;
}
// Closed state
max-height: 0;

View File

@@ -46,7 +46,7 @@ body.page-gameboard {
}
}
@media (orientation: landscape) and (max-width: 1023px) {
@media (orientation: landscape) and (max-width: 1440px) {
// Restore clip in landscape — overrides the >738px overflow:visible above,
// preventing the gameboard applets from bleeding into the footer sidebar.
body.page-gameboard .container {

View File

@@ -632,7 +632,7 @@ $inv-strip: 30px; // visible height of each stacked card after the first
}
// Landscape mobile — aggressively scale down to fit short viewport
@media (orientation: landscape) and (max-width: 1023px) {
@media (orientation: landscape) and (max-width: 1440px) {
.gate-modal {
padding: 0.6rem 1.25rem;