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

fix(#139): app-shell for explore page; fix broken container_extra_class

Converts explore.html's browse layout (.browse-layout__sidebar/content) to the flex-fill pattern. This page was structurally different from every other page: its real content rendered via {% block body_extra %} instead of {% block content %}, sitting outside .container-wide/#content entirely -- moved it into {% block content %} to match convention, since no JS/CSS depended on the old direct-body-child nesting (checked).

Also found and fixed a real pre-existing bug while debugging why the flex chain wasn't taking effect: {% block container_extra_class %} was missing its leading space (page-container vs container_extra_class {% endblock %} on other pages), so the rendered class attribute was the single invalid token 'container-widepage-container' -- .container-wide never matched anything on this page, and .page-container's padding strip never applied either. Restored the leading space.

Verified via headless Chromium: body's rendered height matches the real viewport, both the filter sidebar and repo grid scroll independently via genuine mouse.wheel() events once given real overflow, mobile breakpoint stacks with footer restored.

sha256:972689cf51735740b5495a7108f0ae6d8b12dd76c1eb02e54ce8bf7579ea9ea4 sha
+1 ~4 symbols
sha256:bf4d53c3fa76dbc08be2ca423957bca5e35857249c3b77a36be79f0576f10a8b snapshot
+1
symbol added
~4
symbols modified
0
dead code introduced
Semantic Changes 5 symbols
~ src/scss/pages/_explore.scss .scss 1 symbol added, 4 symbols modified

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