Skip to content

[6.x] Show crop dimensions in the crop editor#14654

Merged
jackmcdade merged 3 commits into
6.xfrom
implement-idea-1460
May 12, 2026
Merged

[6.x] Show crop dimensions in the crop editor#14654
jackmcdade merged 3 commits into
6.xfrom
implement-idea-1460

Conversation

@jasonvarga
Copy link
Copy Markdown
Member

@jasonvarga jasonvarga commented May 12, 2026

Summary

Displays the live pixel dimensions of the current crop selection as a floating badge in the top-right corner of the crop area, so users can confirm they aren't accidentally producing a low-resolution image.

The dimensions update in real time as the crop box is moved or resized, using cropperjs's crop event (which provides width/height in the image's natural pixel dimensions).

CleanShot 2026-05-12 at 10 43 51

Closes statamic/ideas#1460.

jasonvarga and others added 2 commits May 12, 2026 10:38
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
@jasonvarga jasonvarga requested a review from jackmcdade May 12, 2026 14:44
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Copy link
Copy Markdown
Member

@jackmcdade jackmcdade left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks great!

@jackmcdade jackmcdade merged commit b16b514 into 6.x May 12, 2026
17 checks passed
@jackmcdade jackmcdade deleted the implement-idea-1460 branch May 12, 2026 18:48
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.

Image Cropping: Show Dimensions of Crop

2 participants