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

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

2
src/static_src/scss/_base.scss
View File

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

2
src/static_src/scss/_dashboard.scss
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 // Reset the 666px min-width so #id_dash_content shrinks to fit within the
// sidebar-bounded container rather than overflowing into the footer sidebar. // sidebar-bounded container rather than overflowing into the footer sidebar.
#id_dash_content { #id_dash_content {

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

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

2
src/static_src/scss/_gameboard.scss
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, // Restore clip in landscape — overrides the >738px overflow:visible above,
// preventing the gameboard applets from bleeding into the footer sidebar. // preventing the gameboard applets from bleeding into the footer sidebar.
body.page-gameboard .container { body.page-gameboard .container {

2
src/static_src/scss/_room.scss
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 // 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 { .gate-modal {
padding: 0.6rem 1.25rem; padding: 0.6rem 1.25rem;