GoogleChromeLabs/squoosh

Add a button to reset position (move to center)

Open

#292 opened on Nov 15, 2018

View on GitHubContributor guide
 (7 comments) (0 reactions) (0 assignees)TypeScript (2,138 forks)batch import
UIfeature requestgood first issue

Repository metrics

Stars
 (25,732 stars)
PR merge metrics
 (PR metrics pending)

Description

I find it a bit annoying that zooming out can put the image in some awkward corner.

Perhaps it's a good idea to prevent the image from going too far, e.g. ensure it's (1) always visible (so you can't scroll in a way which puts it off-screen) and (2) image edges snap to splitter if taken too much to the left or right.

So if the zoom or pan results in something like this:

image

...it would just snap to this:

image

Contributor guide

Research direction
Implement a reset button that centers the image when clicked. Consider adding snapping behavior to prevent image from going off screen.
Tech stack
typescript
Domain
frontend
Issue type
Feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
None
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
70