mpizenberg/annotation-app

Using a different mouse cursor for each tool

Open

#18 opened on Apr 24, 2018

View on GitHub
 (0 comments) (0 reactions) (0 assignees)Elm (3 forks)auto 404
UIfeature requestgood first issue

Repository metrics

Stars
 (31 stars)
PR merge metrics
 (PR metrics pending)

Description

It is possible to personalize the cursor when the mouse is hovering an element. Reference documentation is available on the mdn doc.

The function that render the annotations area is the view function in the file client/src/View/AnnotationsArea.elm. In particular, we could add the correct pointer style in the attributes variable, depending on the current annotated image status.

Contributor guide

Research direction
Inspect the `view` function in `client/src/View/AnnotationsArea.elm`, focusing on how the `attributes` list is built, and determine how to set the `cursor` CSS style based on the current `status`.
Tech stack
css
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.
Fresh
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
GitElm
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
80