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
Test Master / Unit tests (18.x) (push) Blocked by required conditions
Test Master / Unit tests (20.x) (push) Blocked by required conditions
Test Master / Unit tests (22.4) (push) Blocked by required conditions
Test Master / Lint (push) Blocked by required conditions
Test Master / Notify Slack on failure (push) Blocked by required conditions

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

View file

@ -35,6 +35,7 @@ function onDelete() {
<div :class="classes" data-test-id="canvas-edge-toolbar">
<N8nIconButton
v-if="isAddButtonVisible"
class="canvas-edge-toolbar-button"
data-test-id="add-connection-button"
type="tertiary"
size="small"
@ -44,6 +45,7 @@ function onDelete() {
/>
<N8nIconButton
data-test-id="delete-connection-button"
class="canvas-edge-toolbar-button"
type="tertiary"
size="small"
icon="trash"
@ -62,3 +64,10 @@ function onDelete() {
pointer-events: all;
}
</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>