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

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

View File

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

View File

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