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

sky.html post-save: stack SAVE SKY beneath form fields & vertically center the pair, parity w. wheel

Browse Source 
.sky-page .sky-form-col defaults to flex-row align-end (form-main left, btn bottom-right). Under body.sky-saved that pinned the SAVE SKY btn to the corner under the snap layout — fix is flex-direction:column + align-items:center + justify-content:center, gap:1rem so the btn sits a clear rem below the form-main. .sky-page .sky-form-main capped at max-width:22rem so the input pills don't stretch the full landscape-mobile aperture width.

Code architected by Disco DeDisco <discodedisco@outlook.com>
Git commit message Co-Authored-By:
Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Disco DeDisco
2026-05-08 12:27:47 -04:00
parent 319b787109
commit 05c9f9c079
1 changed files with 17 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/static_src/scss/_sky.scss
View File

@@ -1003,6 +1003,23 @@ body.sky-saved {
max-height: none; max-height: none;
width: 100%; width: 100%;
} }
// Stack form-main on top, SAVE SKY beneath — both centered horizontally,
// and the pair vertically centered inside the aperture (parity w. the
// wheel). .sky-page .sky-form-col defaults to flex-row align-end which
// would otherwise pin form-main left and the btn bottom-right.
.sky-page .sky-form-col {
flex-direction: column;
align-items: center;
justify-content: center;
gap: 1rem;
}
.sky-page .sky-form-main {
flex: 0 0 auto;
width: 100%;
max-width: 22rem;
}
} }
// ── Sidebar z-index sink (landscape sidebars must go below backdrop) ─────────── // ── Sidebar z-index sink (landscape sidebars must go below backdrop) ───────────