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: Fix dark mode small issues #7573

Merged
merged 3 commits into from
Nov 1, 2023
Merged

fix: Fix dark mode small issues #7573

merged 3 commits into from
Nov 1, 2023

Conversation

mutdmour
Copy link
Contributor

@mutdmour mutdmour commented Nov 1, 2023

Github issue / Community forum post (link here to close automatically):

Copy link
Contributor

github-actions bot commented Nov 1, 2023

Great PR! Please pay attention to the following items before merging:

Files matching packages/**:

  • If fixing bug, added test to cover scenario.
  • If addressing forum or Github issue, added link to description.

Files matching packages/**/*.ts:

  • Added unit tests to cover new or updated functionality.

Files matching **/*.vue:

  • Used composition API for all new components.
  • Added component or unit tests to cover functionality.

Files matching packages/editor-ui/**/*.vue:

  • Added E2E if adding new features.
  • Used design system tokens (colors, spacings...) where possible.

Files matching packages/design-system/**/*.vue:

  • Used design system tokens (colors, spacings...) where possible.
  • Updated Storybook with new component or updated functionality.

Make sure to check off this list before asking for review.

@mutdmour mutdmour changed the title fix: dark mode small fixes fix: Fix dark mode small issues Nov 1, 2023
@n8n-assistant n8n-assistant bot added n8n team Authored by the n8n team ui Enhancement in /editor-ui or /design-system labels Nov 1, 2023
Copy link
Member

@netroy netroy left a comment

Choose a reason for hiding this comment

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

The sticky code is still difficult to read, but it's your call if you want to fix that in this PR, or if we should create another PR for that.
The rest looks good, thanks 👍🏽

@@ -36,6 +36,9 @@
--color-canvas-selected: var(--prim-gray-0-alpha-025);
--node-type-main-color: var(--prim-gray-420);

// Sticky
--color-sticky-code-background: var(--color-background-light);
Copy link
Member

@netroy netroy Nov 1, 2023

Choose a reason for hiding this comment

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

The contrast on this is not good.
image

Not sure if --color-secondary needs to be brighter in dark mode, or if we need to define a new --color-sticky-code-foreground variable.

Copy link
Contributor Author

@mutdmour mutdmour Nov 1, 2023

Choose a reason for hiding this comment

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

ya it's not perfect.. but to unblock this

Copy link

cypress bot commented Nov 1, 2023

Passing run #2662 ↗︎

0 263 0 0 Flakiness 0

Details:

🌳 🖥️ browsers:node18.12.0-chrome107 🤖 mutdmour 🗃️ e2e/*
Project: n8n Commit: 07ad081468
Status: Passed Duration: 09:03 💡
Started: Nov 1, 2023 3:20 PM Ended: Nov 1, 2023 3:29 PM

Review all test suite changes for PR #7573 ↗︎

Copy link
Contributor

github-actions bot commented Nov 1, 2023

✅ All Cypress E2E specs passed

Copy link

codecov bot commented Nov 1, 2023

Codecov Report

All modified and coverable lines are covered by tests ✅

Comparison is base (cc2bd2e) 33.74% compared to head (16d3602) 33.74%.

❗ Current head 16d3602 differs from pull request most recent head 07ad081. Consider uploading reports for the commit 07ad081 to get more accurate results

Additional details and impacted files
@@           Coverage Diff           @@
##           master    #7573   +/-   ##
=======================================
  Coverage   33.74%   33.74%           
=======================================
  Files        3408     3408           
  Lines      208594   208595    +1     
  Branches    22565    22565           
=======================================
+ Hits        70396    70400    +4     
+ Misses     137051   137048    -3     
  Partials     1147     1147           
Files Coverage Δ
...ign-system/src/components/N8nMarkdown/Markdown.vue 79.20% <100.00%> (ø)
...s/editor-ui/src/components/CollectionParameter.vue 58.60% <100.00%> (+0.17%) ⬆️

... and 3 files with indirect coverage changes

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

@mutdmour mutdmour merged commit 1d81afc into master Nov 1, 2023
60 of 68 checks passed
@mutdmour mutdmour deleted the ado-1307 branch November 1, 2023 15:27
Copy link
Contributor

github-actions bot commented Nov 1, 2023

✅ All Cypress E2E specs passed

This was referenced Nov 2, 2023
krynble added a commit that referenced this pull request Nov 2, 2023
##
[1.15.1](https://github.com/n8n-io/n8n/compare/n8n@1.14.0...n8n@1.15.1)
(2023-11-02)


### Bug Fixes

* **core:** Ensure execution deletion in worker lifecycle hook
([#7481](#7481))
([742c8a8](742c8a8))
* **core:** Fix data encryption on credentials import
([#7560](#7560))
([b350568](b350568))
* **core:** Fix issue that prevents owner logging in when using ldap
([#7408](#7408))
([479f902](479f902))
* **core:** Handle missing resultData in runData
([#7523](#7523))
([1055bd3](1055bd3))
* **core:** Permission check for subworkflow properly checking for
workflow settings ([#7576](#7576))
([437c95e](437c95e))
* **core:** Prevent executions from becoming forever running
([#7569](#7569))
([9bdb85c](9bdb85c))
* **core:** Upgrade crypto-js to address CVE-2023-46233
([#7519](#7519))
([65e5593](65e5593))
* **editor:** Do not truncate form inputs
([#7528](#7528))
([ae616f1](ae616f1))
* **editor:** Fix NDV close after using input select
([#7544](#7544))
([3b5e181](3b5e181))
* **editor:** Fix NDV unexpected re-render
([#7532](#7532))
([2853fcf](2853fcf))
* **editor:** Fix route component caching, incorrect use of array reduce
method and enable WF history feature
([#7434](#7434))
([12a89e6](12a89e6))
* **editor:** Fixes the issue that Switch Node can not be created
([#7516](#7516))
([df89685](df89685))
* **editor:** Handle `localStorage` being blocked/unavailable
([#7348](#7348))
([c05bc67](c05bc67))
* Fix dark mode small issues
([#7573](#7573))
([1d81afc](1d81afc))
* **Jira Software Node:** Handle missing issue types in issue types
loader ([#7534](#7534))
([9762705](9762705))
* **Switch Node:** Allow sortable Switch rules
([#7555](#7555))
([7a56e58](7a56e58))


### Features

* **core:** Add optional Error-Output
([#7460](#7460))
([655efea](655efea))
* **core:** Make queue mode settings configurable
([#7526](#7526))
([3d95b24](3d95b24))
* **core:** Set up leader selection for multiple main instances
([#7527](#7527))
([442c73e](442c73e))
* **editor:** Implement the `UserStack` design system component
([#7559](#7559))
([ce14f62](ce14f62))
* **HTTP Request Node:** Add pagination support
([#5993](#5993))
([cc2bd2e](cc2bd2e))
* **HTTP Request Node:** Update icon and default color
([#7572](#7572))
([ff279ab](ff279ab))
* **n8n Form Trigger Node:** Add text area and password input types
([#7474](#7474))
([b72040a](b72040a))
* **editor:** Dark mode is here! You can change it under personal
settings.([#6980](#6980))
([0746783](0746783))

---------

Co-authored-by: krynble <krynble@users.noreply.github.com>
Co-authored-by: Omar Ajoue <krynble@gmail.com>
@janober
Copy link
Member

janober commented Nov 2, 2023

Got released with n8n@1.15.1

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.

4 participants