Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix(editor): Address edge toolbar rendering glitches #10839

Merged
merged 3 commits into from
Sep 17, 2024

Conversation

r00gm
Copy link
Contributor

@r00gm r00gm commented Sep 17, 2024

Summary

Increase hit area around connectors
Prevent hovering glitches
Add label background
Arrow marker inherits parent path colors
properly toggle label and toolbar

Related Linear tickets, Github issues, and Community forum posts

https://linear.app/n8n/issue/N8N-7616/nodeconnector-rendering-glitches

Review / Merge checklist

  • PR title and summary are descriptive. (conventions)
  • Docs updated or follow-up ticket created.
  • Tests included.
  • PR Labeled with release/backport (if the PR is an urgent fix that needs to be backported)

@n8n-assistant n8n-assistant bot added n8n team Authored by the n8n team ui Enhancement in /editor-ui or /design-system labels Sep 17, 2024
stroke-linejoin="round"
points="-5,-4 0,0 -5,4 -5,-4"
stroke-width="2"
stroke="context-stroke"
Copy link
Contributor Author

Choose a reason for hiding this comment

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

with this, the arrow inherits the parent path's color, no need for extra logic

@r00gm r00gm changed the title fix(Editor): Address edge toolbar rendering glitches fix(editor): Address edge toolbar rendering glitches Sep 17, 2024
@r00gm r00gm marked this pull request as ready for review September 17, 2024 08:15
@r00gm r00gm requested review from elsmr and tomi September 17, 2024 08:19
Copy link
Contributor

✅ All Cypress E2E specs passed

Copy link

cypress bot commented Sep 17, 2024

n8n    Run #6898

Run Properties:  status check passed Passed #6898  •  git commit 1dc0c30eef: 🌳 🖥️ browsers:node18.12.0-chrome107 🤖 r00gm 🗃️ e2e/*
Project n8n
Branch Review n8n-7616-nodeconnector-rendering-glitches
Run status status check passed Passed #6898
Run duration 04m 37s
Commit git commit 1dc0c30eef: 🌳 🖥️ browsers:node18.12.0-chrome107 🤖 r00gm 🗃️ e2e/*
Committer r00gm
View all properties for this run ↗︎

Test results
Tests that failed  Failures 0
Tests that were flaky  Flaky 0
Tests that did not run due to a developer annotating a test with .skip  Pending 0
Tests that did not run due to a failure in a mocha hook  Skipped 0
Tests that passed  Passing 430
View all changes introduced in this branch ↗︎

@r00gm r00gm merged commit e0c0dde into master Sep 17, 2024
42 of 43 checks passed
@r00gm r00gm deleted the n8n-7616-nodeconnector-rendering-glitches branch September 17, 2024 09:22
MiloradFilipovic added a commit that referenced this pull request Sep 17, 2024
* master:
  ci: Setup biome and pre-commit hooks for formatting (no-changelog) (#10795)
  feat(editor): Add truncate directive (#10842)
  fix(editor): Allow custom git repo urls in source control settings (#10849)
  fix(Invoice Ninja Node): Fix lint error (no-changelog) (#10848)
  fix(editor): Minimap Show nodes outside viewport (#10843)
  fix(core): Prevent shutdown error in regular mode (#10844)
  feat(Invoice Ninja Node): Add actions for bank transactions (#10389)
  fix(editor): Address edge toolbar rendering glitches (#10839)
@github-actions github-actions bot mentioned this pull request Sep 18, 2024
@janober
Copy link
Member

janober commented Sep 18, 2024

Got released with n8n@1.60.0

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
n8n team Authored by the n8n team Released ui Enhancement in /editor-ui or /design-system
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants