Skip to content

Added hide/show functionality for selected nodes in the flow editor#595

Open
stijnpotters1 wants to merge 1 commit into
masterfrom
feat/node-hiding
Open

Added hide/show functionality for selected nodes in the flow editor#595
stijnpotters1 wants to merge 1 commit into
masterfrom
feat/node-hiding

Conversation

@stijnpotters1

Copy link
Copy Markdown
Contributor

toggle on
image
on hover:
image
toggle off
image

@stijnpotters1 stijnpotters1 self-assigned this Jul 1, 2026
@stijnpotters1 stijnpotters1 linked an issue Jul 1, 2026 that may be closed by this pull request
@sonarqubecloud

sonarqubecloud Bot commented Jul 1, 2026

Copy link
Copy Markdown

@philipsens

Copy link
Copy Markdown
Member

Nice! How does it look in the zoomed-in mode? Do the forward connectors also change in opacity?

Comment on lines +113 to +116
const isRevealed = (targetId: string) =>
showAllForwards ||
hoveredNodeId === targetId ||
(hoveredNodeId !== null && edges.some((edge) => edge.source === hoveredNodeId && edge.target === targetId))

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Maybe should be its own function

id={id}
path={edgePath}
style={{ strokeWidth: 3, opacity: faded ? 0 : 1, transition: 'opacity 150ms cubic-bezier(0.4, 0, 0.2, 1)' }}
interactionWidth={faded ? 0 : undefined}

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Does null also work instead of undefined?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Make it possible to hide certain pipes for clarity

3 participants