JosLe/reaktor
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: puzzle sidebar scroll when content overflows

Browse Source 
Add min-height: 0 to .gm-puzzle-content and .gm-puzzle-sidebar so
flexbox allows shrinking below content size, enabling overflow-y scroll.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Jose Luis
2026-03-21 03:13:33 +01:00
parent a1be6df355
commit 1e3652f3b0
1 changed files with 2 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/index.css
View File

@@ -414,12 +414,13 @@ html, body, #root {
.gm-btn.danger:hover { background: rgba(255,68,102,0.1); } .gm-btn.danger:hover { background: rgba(255,68,102,0.1); }
/* Puzzle layout */ /* Puzzle layout */
.gm-puzzle-content { flex: 1; display: flex; overflow: hidden; } .gm-puzzle-content { flex: 1; display: flex; overflow: hidden; min-height: 0; }
.gm-puzzle-sidebar { .gm-puzzle-sidebar {
width: 280px; flex-shrink: 0; background: var(--panel); width: 280px; flex-shrink: 0; background: var(--panel);
border-right: 1px solid var(--border); overflow-y: auto; border-right: 1px solid var(--border); overflow-y: auto;
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 */
} }
.gm-puzzle-canvas-wrap { .gm-puzzle-canvas-wrap {