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

sky.html post-save: reset (max-width:600px) form-main height cap & btn align-self so flex-column flip lands the SAVE SKY beneath the fields

Browse Source 
Two carried-over rules from the @media (max-width:600px) block — written for the in-room PICK SKY modal where form-col is flex-row — collide with body.sky-saved's flex-column flip on .sky-page: (1) .sky-form-col > #id_sky_confirm{align-self:flex-end}, which means "bottom" under flex-row but "right" under flex-column, was pushing the btn to the right edge instead of centering it; (2) .sky-form-main{max-height:40vh; overflow-y:auto} clamped form-main into a tiny inner-scroll well. body.sky-saved now resets both — align-self:auto on the btn (inherits the col's align-items:center) & max-height:none + overflow-y:visible on form-main (the aperture handles scroll, not form-main).

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:30:01 -04:00
parent 05c9f9c079
commit bbd1b22bb0
1 changed files with 9 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1019,6 +1019,15 @@ body.sky-saved {
flex: 0 0 auto;
width: 100%;
max-width: 22rem;
max-height: none; // reset the (max-width:600px) cap
overflow-y: visible; // no inner scroll — aperture handles it
}
// The (max-width:600px) block sets align-self:flex-end on the btn — that's
// "bottom" under the default flex-row form-col, but becomes "right" once we
// flip the col to flex-direction:column. Reset to inherit align-items:center.
.sky-page .sky-form-col > #id_sky_confirm {
align-self: auto;
}
}