equinor / equinor/flyt

Add canvas tutorial button highlight

Open
#669 0 comments 0 reactions 0 assignees View on GitHub
feat front-end
Dominant language
TypeScript
Stars
4
Forks
2
Avg merge
3d 6h
Merged PRs (30d)
7

Description

**User story**
As a user I would like a way to see where I currently am in the tutorial.

**Describe the solution you'd like**
Highlight the button that belongs to the section I am reading.

**Additional context**
The highlight was previously a feature, but did not work as intended since it only changed the highlight when a button was clicked and not when scrolling. At this time CanvasTutorialSectionButton.tsx contains the code for the previous implementation.

**Development checklist**

- [ ] [Threat Modeling](https://cheatsheetseries.owasp.org/cheatsheets/Threat_Modeling_Cheat_Sheet.html)

Contributor guide

Open the contributing guide

Research direction

Start by reading CanvasTutorialSectionButton.tsx, which contains the previous implementation. Trace how tutorial sections and scrolling are represented, then verify that the button for the section currently being read stays highlighted as the user scrolls, not only after a button click.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.