Highlight the drop zone while dragging a file

Open Beginner friendly
  • Is something wrong?
#139 0 comments 0 reactions 0 assignees View on GitHub

Maintainers usually reply within 1 day

Nobody has claimed this yet.

Assessment

Difficulty
2/5
Estimated time
1-3 hours
Newbie friendliness
85/100
Issue type
Feature
Clarity
Clearly specified
Activity status
Active
Tech stack
css, react, typescript
Domain
frontend

Research direction

Start with web/src/components/FileDrop.tsx and web/src/styles.css to trace the drop zone’s drag events and styling. Add a visible state for drag-over and clear it on leave and drop, then add a test that verifies the visual reaction.

Written by the indexing model from the issue text.

Description

accessibility area: dashboard enhancement good first issue size: XS
Context

Dragging a file over the drop area gives no visual feedback.

What to do

Add a highlighted state on drag-over and remove it on leave and drop.

Done when

The drop zone visibly reacts, with a test.

Where to look

web/src/components/FileDrop.tsx, web/src/styles.css

New here? Read CONTRIBUTING.md and comment on this issue to say you are taking it.

Generated by Claude Code

Dominant language
Python
Stars
0
Forks
0
Avg merge
1h 54m
Merged PRs (30d)
14

Getting set up

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 patsypppe/meridian

All issues in patsypppe/meridian

Similar issues

More Python issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.