mudhorn/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2025-01-11 12:57:29 -08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

fix(editor): Use contrasting colors for popovers and tooltips

Browse source
This commit is contained in:
कारतोफ्फेलस्क्रिप्ट™ 2024-12-13 20:39:12 +01:00
parent 53365a2159
commit 61d812c07d
No known key found for this signature in database
4 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
packages/design-system/src/css/common/var.scss
View file

@ -748,14 +748,15 @@ $popover-title-font-color: var(--color-text-dark);
/* Tooltip
-------------------------- */
/// color|1|Color|0
$tooltip-fill: var(--color-background-dark);
$tooltip-fill: var(--color-background-xlight);
/// color|1|Color|0
$tooltip-color: $color-white;
$tooltip-color: var(--color-text-base);
/// fontSize||Font|1
$tooltip-font-size: 12px;
/// color||Color|0
$tooltip-border-color: var(--color-background-dark);
$tooltip-arrow-size: 6px;
$tooltip-border-color: var(--color-background-medium);
$tooltip-border-width: 1px;
$tooltip-arrow-size: 8px;
/// padding||Spacing|3
$tooltip-padding: 10px;

1
packages/design-system/src/css/popper.scss
View file

@ -114,6 +114,7 @@
@include mixins.when(dark) {
background: var.$tooltip-fill;
border: var.$tooltip-border-width solid var.$tooltip-border-color;
color: var.$tooltip-color;
&[data-popper-placement^='top'] .el-popper__arrow {

1
packages/editor-ui/src/components/Sticky.vue
View file

@ -358,7 +358,6 @@ const onContextMenu = (e: MouseEvent): void => {
<font-awesome-icon icon="trash" />
</div>
<n8n-popover
effect="dark"
trigger="click"
placement="top"
:popper-style="{ width: '208px' }"

1
packages/editor-ui/src/components/canvas/elements/nodes/toolbar/CanvasNodeStickyColorSelector.vue
View file

@ -59,7 +59,6 @@ onBeforeUnmount(() => {
<template>
<N8nPopover
effect="dark"
trigger="click"
placement="top"
:popper-class="$style.popover"