admin/n8n-enterprise-unlocked
1
0
Fork 0
mirror of https://github.com/Abdulazizzn/n8n-enterprise-unlocked.git synced 2025-12-17 18:12:04 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(editor): Increase contrast on hover for AI button (#13920)

Browse Source
This commit is contained in:
Mutasem Aldmour
2025-03-14 10:28:16 +01:00
committed by GitHub
parent 3a4247a91c
commit c239b8f07a
2 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
packages/frontend/editor-ui/src/components/ParameterInputOverrides/FromAiOverrideButton.vue
View File

@@ -20,7 +20,7 @@ const emit = defineEmits<{
data-test-id="from-ai-override-button" data-test-id="from-ai-override-button"
@click="emit('click')" @click="emit('click')"
> >
<AiStarsIcon size="large" :class="$style.aiStarsIcon" /> <AiStarsIcon size="large" />
</N8nButton> </N8nButton>
</N8nTooltip> </N8nTooltip>
</template> </template>
@@ -38,6 +38,11 @@ const emit = defineEmits<{
&:hover { &:hover {
color: var(--color-foreground-xdark); color: var(--color-foreground-xdark);
background-color: var(--color-secondary); background-color: var(--color-secondary);
svg {
// ensure enough contrast in both light and dark mode
color: var(--prim-gray-200);
}
} }
} }
</style> </style>

2
packages/frontend/editor-ui/src/components/ParameterInputOverrides/FromAiOverrideField.vue
View File

@@ -13,7 +13,7 @@ const emit = defineEmits<{
<template> <template>
<div :class="$style.contentOverrideContainer" data-test-id="fromAI-override-field"> <div :class="$style.contentOverrideContainer" data-test-id="fromAI-override-field">
<div :class="[$style.iconStars, 'el-input-group__prepend', $style.noCornersRight]"> <div :class="[$style.iconStars, 'el-input-group__prepend', $style.noCornersRight]">
<AiStarsIcon :class="$style.aiStarsIcon" /> <AiStarsIcon />
</div> </div>
<div :class="$style.overrideInput"> <div :class="$style.overrideInput">
<N8nText <N8nText