FlowFuse / FlowFuse/flowfuse

Buttons no longer provide a visual cue as to whether they are internal (immersive) or external (pop-out)

Open
#4,278 0 comments 0 reactions 0 assignees View on GitHub
area:frontend size:XS task
Dominant language
JavaScript
Stars
400
Forks
89
Avg merge
1d 20h
Merged PRs (30d)
149

Description

Raised as a follow up to #4247

Now that the Dashboard and Editor buttons have been commonised throughout the application, we no longer get visual cues as to whether a link is a external (popout) or internal (immersive)

> V4.0.2 Node-RED shows the "Editor" button without link-out icon (to signify it is an internal link / immersive)
> Older NR versions that do not support immersive editor have the link-out icon.
>
> ![image](https://github.com/user-attachments/assets/c32c93ac-8ba5-4020-b9a5-5a247ac9f545)
>
> ![image](https://github.com/user-attachments/assets/7df43775-e485-490b-98d1-801f54fc434c)

This task is to devise a means of providing visual a visual cue that informs users of popout/immersive behaviour for buttons:
- [ ] Dashboard
- [ ] Editor

Contributor guide

Open the contributing guide

Research direction

Start with the follow-up issue #4247 and inspect how the Dashboard and Editor buttons are commonised throughout the application. Compare the V4.0.2 and older Node-RED examples in the issue; done means both buttons visibly communicate whether they open an immersive internal view or a pop-out.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
design, frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 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.