fix: sidebar panels shrinking instead of scrolling

Flex children with default flex-shrink:1 were compressing to fit,
hiding the Mision panel content. Force flex-shrink:0 on all sidebar
children so they keep their natural size and the sidebar scrolls.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Jose Luis
2026-03-21 03:20:27 +01:00
parent be66d9a7cf
commit 23ac673e51

View File

@@ -422,6 +422,8 @@ html, body, #root {
padding: 12px; display: flex; flex-direction: column; gap: 12px; padding: 12px; display: flex; flex-direction: column; gap: 12px;
min-height: 0; /* Allow flex item to shrink below content — enables scrolling */ min-height: 0; /* Allow flex item to shrink below content — enables scrolling */
} }
/* Prevent sidebar children from shrinking — forces overflow → scroll */
.gm-puzzle-sidebar > * { flex-shrink: 0; }
.gm-puzzle-canvas-wrap { .gm-puzzle-canvas-wrap {
flex: 1; position: relative; overflow: hidden; flex: 1; position: relative; overflow: hidden;