gabriel / musehub public
fix BREAKING fix/two-column-scroll-layout #1 / 2
AI Agent gabriel · 59 days ago · Jul 8, 2026 · Diff

fix: replace sticky two-column layout with bounded-height independent scroll

position: sticky combined with body { zoom: 1.25 } broke sticky positioning and 100dvh calculations, so the right column dragged the left column along when scrolling instead of scrolling independently. Replaced every sticky-sidebar two-column layout (repo home, issues list/detail, proposal detail, explore, docs, muse-docs, blame, profile graph) with a bounded-height grid where each column owns its own overflow-y: auto, matching the pattern already used correctly on the commit-detail page.

sha256:a21cbf80bf1a137097c8f8ad029fb5fefee244280123ea6d2701b175b1baf62a sha
sha256:3ff952bf9840772755d63295c58e272a14a808035a2d93b7896ba8e0cf602171 parent
+1 ~41 −1 symbols
sha256:4532795244fa9567ee1667701f067f40c9333becc6fea197450a5430d06b64ec snapshot
+1
symbol added
~41
symbols modified
−1
symbol removed
0
dead code introduced
Semantic Changes 43 symbols
~ src/scss/_layout.scss .scss 3 symbols modified
~ (max-width: 900px)
~ layout-sidebar
~ layout-two-col
~ src/scss/components/_repo.scss .scss 1 symbol removed, 1 symbol modified
− -webkit-scrollbar rule .rh-sidebar::-webkit-scrollbar L293–293
~ rh-sidebar
~ src/scss/pages/_blame.scss .scss 4 symbols modified
~ (max-width: 900px)
~ blm-content
~ blm-layout
~ blm-legend
~ src/scss/pages/_blob.scss .scss 2 symbols modified
~ (max-width: 900px)
~ blob2-panel
~ src/scss/pages/_docs.scss .scss 4 symbols modified
~ (max-width: 900px)
~ docs-layout
~ docs-layout__content
~ docs-layout__sidebar
~ src/scss/pages/_explore.scss .scss 4 symbols modified
~ (max-width: 900px)
~ browse-layout
~ browse-layout__content
~ browse-layout__sidebar
~ src/scss/pages/_issues.scss .scss 7 symbols modified
~ (max-width: 900px)
~ isd-layout
~ isd-main
~ isd-sidebar
~ isl-layout
~ isl-main
~ isl-sidebar
~ src/scss/pages/_muse-docs.scss .scss 4 symbols modified
~ (max-width: 900px)
~ devdocs-content
~ devdocs-layout
~ devdocs-sidebar
~ src/scss/pages/_profile.scss .scss 4 symbols modified
~ (max-width: 900px)
~ graph-layout
~ graph-main
~ graph-sidebar
~ src/scss/pages/_proposal-detail.scss .scss 4 symbols modified
~ (max-width: 900px)
~ prd-layout
~ prd-main
~ proposal-sidebar
~ src/scss/pages/_repo-home.scss .scss 1 symbol added, 4 symbols modified
+ rh-sidebar rule .rh-main, .rh-sidebar L50–53
~ (max-width: 900px)
~ rh-layout
~ rh-main
~ rh-sidebar
~ src/ts/layout-sidebar.test.ts .ts
Older fix(layout): two-column sticky sidebar scroll across all pages (… sha256:3ff952bf9840772755d63295c58e272a14a808035a2d93b7896ba8e0cf602171 All commits
Newer → Latest on fix/two-column-scroll-layout

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:a21cbf80bf1a137097c8f8ad029fb5fefee244280123ea6d2701b175b1baf62a --body "your comment"