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): Make connector buttons background opaque when dark mode is enabled system-wide #13180

Merged
merged 3 commits into from
Feb 12, 2025

Conversation

autologie
Copy link
Contributor

@autologie autologie commented Feb 10, 2025

Summary

As shown below, buttons on the connector comes in front of the connector itself when dark theme is applied via OS settings.
Also, fixed the issue of the connector line momentarily comes above the buttons when the mouse cursor is moving away.

Screencast.from.2025-02-11.10-13-22.webm

Related Linear tickets, Github issues, and Community forum posts

https://linear.app/n8n/issue/SUG-12/action-on-the-connector-are-displayed-incorrectly-since-178

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)

Copy link

codecov bot commented Feb 10, 2025

Codecov Report

All modified and coverable lines are covered by tests ✅

📢 Thoughts on this report? Let us know!

@n8n-assistant n8n-assistant bot added n8n team Authored by the n8n team ui Enhancement in /editor-ui or /design-system labels Feb 10, 2025
@autologie autologie requested a review from mutdmour February 11, 2025 09:41
Copy link
Contributor

✅ All Cypress E2E specs passed

Copy link

cypress bot commented Feb 11, 2025

n8n    Run #9240

Run Properties:  status check passed Passed #9240  •  git commit 9708afc552: 🌳 🖥️ browsers:node18.12.0-chrome107 🤖 autologie 🗃️ e2e/*
Project n8n
Branch Review sug-12-dark-mode-connector-buttons-style
Run status status check passed Passed #9240
Run duration 04m 44s
Commit git commit 9708afc552: 🌳 🖥️ browsers:node18.12.0-chrome107 🤖 autologie 🗃️ e2e/*
Committer autologie
View all properties for this run ↗︎

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

@autologie autologie merged commit 77be25d into master Feb 12, 2025
39 checks passed
@autologie autologie deleted the sug-12-dark-mode-connector-buttons-style branch February 12, 2025 08:05
@github-actions github-actions bot mentioned this pull request Feb 13, 2025
@janober
Copy link
Member

janober commented Feb 13, 2025

Got released with [email protected]

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