openstyles / openstyles/stylus

Make version error more recognizable

Open
#463 7 comments 2 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

enhancement
Dominant language
JavaScript
Stars
6.9k
Forks
382
PR merge metrics
No merged PRs in 30d

Description

Updating a UserCSS.
The local version was newer than the online one, so it didn't update. You click the force update button and nothing happens. Took me a good five minutes to find out what was wrong and that there indeed was an error message, but hidden as a tooltip on the button. The tooltip won't show if your pointer rests at the button you just clicked.

screenshot 194

Why not throw an alert?

In addition, the error message is not translated.

Stylus 1.4.13
FF 61.0.1

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.

Research direction

Reproduce the UserCSS update case where the local version is newer and the force-update button is clicked. Inspect the button's visible error feedback and translation handling. Done means the error is readily noticeable without relying on a tooltip, and the message is translated.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend, internationalization
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.