several more styling fixes to get landscape FTs to pass pipeline
Some checks failed
ci/woodpecker/push/woodpecker Pipeline failed
Some checks failed
ci/woodpecker/push/woodpecker Pipeline failed
This commit is contained in:
@@ -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 {
|
||||
|
||||
@@ -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 {
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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 {
|
||||
|
||||
@@ -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;
|
||||
|
||||
|
||||
Reference in New Issue
Block a user