Skip to content

chore: v2: Improve Simplified Nodes#2178

Open
camielvs wants to merge 1 commit into04-28-feat_v2_migrate_collapsible_nodes_to_v2_editorfrom
04-28-chore_v2_improve_simplified_nodes
Open

chore: v2: Improve Simplified Nodes#2178
camielvs wants to merge 1 commit into04-28-feat_v2_migrate_collapsible_nodes_to_v2_editorfrom
04-28-chore_v2_improve_simplified_nodes

Conversation

@camielvs
Copy link
Copy Markdown
Collaborator

@camielvs camielvs commented Apr 28, 2026

Description

Just a couple of small improvements to the zoomed-out node state to make it a little nicer to look at and work with.

Namely:

  • Reduced font weight and font size of the text
  • Fixed node size and truncated long names. Added a tooltip to compensate for truncated text
  • Removed the weird circle thing
  • Recoloured the input/output handles to the usual grey
  • Edges are 50% thicker when zoomed out
  • Added a zoomed-out view for Input and Output nodes: shows only node name
  • Added a zoomed-out view for Flex Nodes: shows title only
  • Nodes cannot be connected together when zoomed out

These changes do not affect v1 editor - only v2.

Also adds a shared utility useIsDetailedView.

Related Issue and Pull requests

Resolves https://github.com/Shopify/oasis-frontend/issues/600

Type of Change

  • Improvement

Checklist

  • I have tested this does not break current pipelines / runs functionality
  • I have tested the changes on staging

Screenshots (if applicable)

before

image.png

after

image.png

Test Instructions

Open v2 editor with a variety of nodes.

Zoom out.

If you like the way it looks, approve the PR :)

Additional Comments

@github-actions
Copy link
Copy Markdown

github-actions Bot commented Apr 28, 2026

🎩 Preview

A preview build has been created at: 04-28-chore_v2_improve_simplified_nodes/2976bfd

Copy link
Copy Markdown
Collaborator Author

Warning

This pull request is not mergeable via GitHub because a downstack PR is open. Once all requirements are satisfied, merge this PR as a stack on Graphite.
Learn more

This stack of pull requests is managed by Graphite. Learn more about stacking.

@camielvs camielvs force-pushed the 04-28-chore_v2_improve_simplified_nodes branch 8 times, most recently from 176ebde to 4499150 Compare April 28, 2026 23:58
@camielvs camielvs marked this pull request as ready for review April 29, 2026 00:01
@camielvs camielvs requested a review from a team as a code owner April 29, 2026 00:01
@camielvs camielvs force-pushed the 04-28-chore_v2_improve_simplified_nodes branch 2 times, most recently from 4791d40 to d87edb0 Compare April 29, 2026 00:08
@camielvs camielvs force-pushed the 04-28-feat_v2_migrate_collapsible_nodes_to_v2_editor branch from c65a422 to dd0c59c Compare April 30, 2026 00:40
@camielvs camielvs force-pushed the 04-28-chore_v2_improve_simplified_nodes branch from d87edb0 to 2976bfd Compare April 30, 2026 00:40
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.

1 participant