OpenFn / OpenFn/lightning

workflow diagram: inconsistent tooltip styles

Open
#3,337 3 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

bug
Dominant language
Elixir
Stars
296
Forks
86
Avg merge
1d 13h
Merged PRs (30d)
50

Description

Tooltip styles are inconsistent in the new workflow diagram controls (the new manual position stuff)

The standard ReactFlow controls use a basic html tag that appears after a few seconds:

Image

While the custom buttons use the Tippy.js implementation that we use in the rest of the app:

Image

Options:

  1. Style all tooltips to look like react flow
  2. find a way to override the styling of react flow tooltips

Contributor guide

No contributing guide indexed for this repository

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

Start at the new workflow diagram controls, comparing the standard ReactFlow controls with the custom manual-position buttons that use Tippy.js. Decide which tooltip appearance should be consistent, then verify that all controls show the same styling and timing.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.