gabriel / musehub public
fix BREAKING #139 fix/two-column-app-shell #9 / 12
AI Agent gabriel · 13 days ago · Jul 9, 2026 · Diff

fix(#139): app-shell for proposal detail page

Converts proposal_detail.html (prd-*) to the viewport-locked flex shell. prd-main is display:block (no flex-shrink pitfall); the sidebar's stacked cards (.proposal-scard) get flex-shrink:0 like isd-sidebar/isl-main's .card.

Verified via headless Chromium with a real proposal (58 changed symbols, 6 discussion comments): both columns scroll independently via genuine mouse.wheel() events, body's rendered height matches the real viewport exactly, mobile breakpoint stacks with footer restored.

Note: an artificially long proposal description (put in the hero, not prd-main) can starve the two-column area of space since the hero is flex-shrink:0 and unbounded -- an edge case for pathological content, not real usage; not fixing here.

sha256:4aaf9fa1081fa8e64852408edf29fc39581266419a73239bef9529d656d4c082 sha
sha256:c1d980625041d62afc5242a6ac466323937217d63fb8e601afd7b3be22a85876 parent
+2 ~12 symbols
sha256:ae78f1adef38844a891eef103c806d6afdfda4dbb0a1aafc91bf348446c7dfc7 snapshot
+2
symbols added
~12
symbols modified
0
dead code introduced
Semantic Changes 14 symbols
~ musehub/templates/musehub/pages/proposal_detail.html .html 6 symbols modified
~ aside@564
~ section@240
~ section@330
~ section@362
~ section@399
~ section@449
~ src/scss/pages/_proposal-detail.scss .scss 2 symbols added, 6 symbols modified
+ * rule * L91–93
+ prd-hero rule .prd-hero L20–22
~ (max-width: 900px)
~ prd-layout
~ prd-main
~ prd-page
~ prd-wrap
~ proposal-sidebar
Older fix(#139): app-shell for issue detail; fix zoom clipping the las… sha256:c1d980625041d62afc5242a6ac466323937217d63fb8e601afd7b3be22a85876 All commits Newer fix(#139): app-shell for explore page; fix broken container_extr… sha256:972689cf51735740b5495a7108f0ae6d8b12dd76c1eb02e54ce8bf7579ea9ea4

0 comments

No comments yet. Be the first to start the discussion.

To add a comment, use the Muse CLI: muse hub commit comment sha256:4aaf9fa1081fa8e64852408edf29fc39581266419a73239bef9529d656d4c082 --body "your comment"