mudhorn/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2024-12-25 20:54:07 -08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix(editor): Fix edge button background color in dark mode in new canvas (no-changelog) (#10475)
Some checks are pending
Test Master / install-and-build (push) Waiting to run
Details
Test Master / Unit tests (18.x) (push) Blocked by required conditions
Details
Test Master / Unit tests (20.x) (push) Blocked by required conditions
Details
Test Master / Unit tests (22.4) (push) Blocked by required conditions
Details
Test Master / Lint (push) Blocked by required conditions
Details
Test Master / Notify Slack on failure (push) Blocked by required conditions
Details

Browse source
This commit is contained in:
Alex Grozav 2024-08-19 17:07:12 +03:00 committed by GitHub
parent 9d8e574cc7
commit b4aec594e4
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 9 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
packages/editor-ui/src/components/canvas/elements/edges/CanvasEdgeToolbar.vue
View file

@ -35,6 +35,7 @@ function onDelete() {
<div :class="classes" data-test-id="canvas-edge-toolbar"> <div :class="classes" data-test-id="canvas-edge-toolbar">
<N8nIconButton <N8nIconButton
v-if="isAddButtonVisible" v-if="isAddButtonVisible"
class="canvas-edge-toolbar-button"
data-test-id="add-connection-button" data-test-id="add-connection-button"
type="tertiary" type="tertiary"
size="small" size="small"
@ -44,6 +45,7 @@ function onDelete() {
/> />
<N8nIconButton <N8nIconButton
data-test-id="delete-connection-button" data-test-id="delete-connection-button"
class="canvas-edge-toolbar-button"
type="tertiary" type="tertiary"
size="small" size="small"
icon="trash" icon="trash"
@ -62,3 +64,10 @@ function onDelete() {
pointer-events: all; pointer-events: all;
} }
</style> </style>
<style lang="scss">
[data-theme='dark'] .canvas-edge-toolbar-button {
--button-background-color: var(--color-background-base);
--button-hover-background-color: var(--color-background-light);
}
</style>