ScrollableImages should be able to expand an image to "full size"

Open
#157 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
3/5
Estimated time
1-2 days
Newbie friendliness
45/100
Issue type
Feature
Clarity
Mostly clear
Activity status
Stale
Tech stack
typescript
Domain
frontend

Research direction

Start by locating the ScrollableImages control and reading how it currently handles image clicks, focus, and hover. Determine whether clicking should open a full-window view and whether hover or focus should provide a smaller zoom; done means images can be viewed larger without disrupting the control's existing behavior.

Written by the indexing model from the issue text.

Description

needs-triage

We should be able to make the ScrollableImages control fill the window so that we can see the images larger.

Currently, clicking on an image does nothing, so a zoom could be added to that. Possibly, a smaller zoom could be added for hoverover/focus too.

Dominant language
TypeScript
Stars
8
Forks
3
Avg merge
2d 6h
Merged PRs (30d)
11

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from DiamondLightSource/sci-react-ui

All issues in DiamondLightSource/sci-react-ui

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.