Skip to content

Conversation

@takaokouji
Copy link

This PR implements the middle stage size feature requested in #39.

Changes

  • CSS: Reduced min-height to 600px.
  • Stage Size: Added middle size (360x270, scale 0.75).
  • Default: Set middle as the default stage size.
  • UI:
    • Added a new toggle button for middle stage size.
    • Updated SpriteInfo to position X and Y labels above inputs when in middle size mode to save horizontal space.
  • Tests: Added unit tests for layout constants, screen utils, and stage size reducer.

Verification

  • Run npm test in packages/scratch-gui.
  • Verify new unit tests pass.
  • Visually verify the 3 toggle buttons and the default middle size.
  • Visually verify SpriteInfo layout in middle size.

- Reduced min-height to 600px in CSS
- Added middle stage size constants (360x270)
- Implemented stage size resolution for middle size
- Added middle stage toggle button
- Updated SpriteInfo to position labels above inputs for middle size
- Set middle stage as default
- Added unit tests for new functionality

Resolves #39
@takaokouji takaokouji merged commit 65da42e into develop Feb 1, 2026
3 checks passed
@takaokouji takaokouji deleted the feat/middle-stage-size branch February 1, 2026 01:26
github-actions bot pushed a commit that referenced this pull request Feb 1, 2026
…age-size

feat: add middle stage size and update min-height
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants