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

align #id_kit_btn / #id_gear_btn / #id_bud_btn under the unified centre formula — drop the legacy right: 2.5rem ≥1800px override on kit-btn that left it outboard of gear-btn after the rem-fluid sidebar refactor

Browse Source 
- _game-kit.scss #id_kit_btn landscape rule now uses `right: calc((var(--sidebar-w) - 3rem) / 2)` — same formula as gear-btn (_applets.scss) and bud-btn (_bud.scss). All three 3rem-wide circular btns now share the same horizontal-centre math against the fluid sidebar.
  - Drops `@media (orientation: landscape) and (min-width: 1800px) { right: 2.5rem }` which was a leftover from the old doubled-8rem-sidebar regime; the rem clamp ceiling now caps the sidebar without per-breakpoint overrides.

Code architected by Disco DeDisco <discodedisco@outlook.com>
Git commit message Co-Authored-By:
Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Disco DeDisco
2026-05-09 00:23:53 -04:00
parent ad9f7b43ed
commit 47871b5b4a
1 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -3,16 +3,17 @@
bottom: 0.5rem; bottom: 0.5rem;
right: 0.5rem; right: 0.5rem;
// In landscape, centre the 3rem-wide btn within the var(--sidebar-w)
// footer sidebar — matches the bud-btn (bottom-left) + gear-btn (above
// kit-btn) formula. The clamp on the root rem means the sidebar scales
// fluidly, so this single rule covers all viewports without a per-
// breakpoint override.
@media (orientation: landscape) { @media (orientation: landscape) {
right: 1rem; right: calc((var(--sidebar-w) - 3rem) / 2);
bottom: 0.5rem; bottom: 0.5rem;
top: auto; top: auto;
} }
@media (orientation: landscape) and (min-width: 1800px) {
right: 2.5rem; // centre in doubled 8rem sidebar
}
z-index: 318; z-index: 318;
font-size: 1.75rem; font-size: 1.75rem;
cursor: pointer; cursor: pointer;