Skip to content

feat(properties): position, dimensions, rotation & opacity fields#63

Merged
eugenioenko merged 1 commit into
mainfrom
feat/properties-panel-fields
May 12, 2026
Merged

feat(properties): position, dimensions, rotation & opacity fields#63
eugenioenko merged 1 commit into
mainfrom
feat/properties-panel-fields

Conversation

@eugenioenko
Copy link
Copy Markdown
Owner

Summary

  • Add Position (X, Y), Dimensions (W, H), Rotation (degrees), and Opacity (0-100%) inputs to the Properties panel when a shape is selected
  • All fields are editable via direct input or drag-to-slide
  • Editing updates the shape, highlight clone, and resize handles in sync
  • Rotation converts between degrees (UI) and radians (Two.js) automatically

Test plan

  • pnpm build passes
  • pnpm lint passes (0 errors)
  • All 11 e2e tests pass
  • Visual: draw rect, select, verify all new fields appear with correct values
  • Visual: change X position via input, verify shape + handles + highlight move together
  • Manual: change W/H, verify shape resizes
  • Manual: change rotation, verify shape rotates
  • Manual: change opacity, verify shape transparency changes

Fixes #58

🤖 Generated with Claude Code

Show X/Y position, W/H dimensions, rotation (degrees), and opacity
inputs in the Properties panel when a shape is selected. Editing any
field updates the shape, highlight clone, and resize handles in sync.

Fixes #58

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@eugenioenko eugenioenko merged commit f3adf28 into main May 12, 2026
1 check passed
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.

Properties panel missing position, rotation, and dimensions fields for selected shapes

1 participant