From 522656a2dc04a4c40bcc32bddd1ce092af8632c1 Mon Sep 17 00:00:00 2001 From: Christian Byrne Date: Sun, 19 Oct 2025 14:29:03 -0700 Subject: [PATCH] [style] remove hover effect on Vue node socket labels (#6150) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit ## Summary Align with the design by removing hover state. Hover state should not be applied if clicking doesn't actually do anything. ┆Issue is synchronized with this [Notion page](https://www.notion.so/PR-6150-style-remove-hover-effect-on-Vue-node-socket-labels-2916d73d365081158edef8065edc42e8) by [Unito](https://www.unito.io) --- src/renderer/extensions/vueNodes/components/InputSlot.vue | 4 +--- src/renderer/extensions/vueNodes/components/OutputSlot.vue | 4 +--- 2 files changed, 2 insertions(+), 6 deletions(-) diff --git a/src/renderer/extensions/vueNodes/components/InputSlot.vue b/src/renderer/extensions/vueNodes/components/InputSlot.vue index e6d1f8504..0fd89bc5f 100644 --- a/src/renderer/extensions/vueNodes/components/InputSlot.vue +++ b/src/renderer/extensions/vueNodes/components/InputSlot.vue @@ -118,9 +118,7 @@ const slotWrapperClass = computed(() => cn( 'lg-slot lg-slot--input flex items-center group rounded-r-lg h-6', 'cursor-crosshair', - props.dotOnly - ? 'lg-slot--dot-only' - : 'pr-6 hover:bg-black/5 hover:dark:bg-white/5', + props.dotOnly ? 'lg-slot--dot-only' : 'pr-6', { 'lg-slot--connected': props.connected, 'lg-slot--compatible': props.compatible, diff --git a/src/renderer/extensions/vueNodes/components/OutputSlot.vue b/src/renderer/extensions/vueNodes/components/OutputSlot.vue index a00e31c29..583ed1314 100644 --- a/src/renderer/extensions/vueNodes/components/OutputSlot.vue +++ b/src/renderer/extensions/vueNodes/components/OutputSlot.vue @@ -88,9 +88,7 @@ const slotWrapperClass = computed(() => cn( 'lg-slot lg-slot--output flex items-center justify-end group rounded-l-lg h-6', 'cursor-crosshair', - props.dotOnly - ? 'lg-slot--dot-only justify-center' - : 'pl-6 hover:bg-black/5 hover:dark:bg-white/5', + props.dotOnly ? 'lg-slot--dot-only justify-center' : 'pl-6', { 'lg-slot--connected': props.connected, 'lg-slot--compatible': props.compatible,