Microsoft/vscode

Increase hit target of +/- type zoom buttons

Open

#233,555 opened on Nov 11, 2024

View on GitHubContributor guide
 (0 comments) (0 reactions) (1 assignee)TypeScript (39,847 forks)batch import
editor-hoverhelp wantedpolish

Repository metrics

Stars
 (184,936 stars)
PR merge metrics
 (Avg merge 11h 43m) (1,000 merged PRs in 30d)

Description

The hit target is very small:

Image

This is actually much smaller than the breakpoint hit target:

Image

Contributor guide

Research direction
Inspect the CSS styles of the zoom buttons (+/ ) in the editor and increase their hit target area (e.g., by increasing padding or using a larger clickable area via pseudo elements). Verify the change works across different zoom levels.
Tech stack
typescript
Domain
frontend
Issue type
Accessibility
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
CSS
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
80