fix: add background to FloatLabel to create border gap

Use widget background color on label with horizontal padding to create proper gap in border line, preventing strikethrough appearance.
[automated] Apply ESLint and Oxfmt fixes
2026-04-13 11:11:00 +00:00 · 2026-02-05 16:14:52 -08:00 · 2026-02-02 19:16:12 +00:00 · 2026-02-02 11:13:28 -08:00 · 2026-02-02 07:32:33 +00:00 · 2026-02-01 23:30:36 -08:00
1 changed files with 7 additions and 1 deletions
--- a/src/renderer/extensions/vueNodes/widgets/components/WidgetTextarea.vue
+++ b/src/renderer/extensions/vueNodes/widgets/components/WidgetTextarea.vue
@@ -1,7 +1,13 @@
 <template>
  <FloatLabel
-    variant="in"
+    variant="on"
    :unstyled="hideLayoutField"
+    :pt="{
+      root: {
+        class:
+          '[&_label]:!bg-component-node-widget-background [&_label]:!text-muted-foreground [&_label]:px-1'
+      }
+    }"
    :class="
      cn(
        'rounded-lg space-y-1 focus-within:ring focus-within:ring-component-node-widget-background-highlighted transition-all',
Author	SHA1	Message	Date
bymyself	ecc6bf70cf	fix: add background to FloatLabel to create border gap Use widget background color on label with horizontal padding to create proper gap in border line, preventing strikethrough appearance.	2026-02-05 16:14:52 -08:00
GitHub Action	2f2f5a7159	[automated] Apply ESLint and Oxfmt fixes	2026-02-02 19:16:12 +00:00
bymyself	f5d23d3128	fix: use muted color for FloatLabel to distinguish from input text Make label visually distinct from input content by using muted foreground color instead of primary text color.	2026-02-02 11:13:28 -08:00
GitHub Action	c98a305dda	[automated] Apply ESLint and Oxfmt fixes	2026-02-02 07:32:33 +00:00
bymyself	66a58d6ab1	fix: override only background and text color on FloatLabel Use PrimeVue passthrough API to override just the problematic theme colors while preserving all the component's positioning and animation behavior.	2026-02-01 23:30:36 -08:00
bymyself	df28f659d4	fix: use unstyled FloatLabel to avoid PrimeVue theme conflicts Remove custom styling hacks and use unstyled variant to get clean float label behavior without PrimeVue theme colors interfering.	2026-02-01 22:53:19 -08:00
bymyself	11be80203f	fix: use primary foreground color for floated label Change from secondary (gray) to primary (white) for better visibility on dark node backgrounds.	2026-02-01 20:05:37 -08:00
bymyself	c5b0bd5b2b	fix: override PrimeVue FloatLabel styling for textarea widget Override default PrimeVue theme colors (black bg, blue text) on floated label with design system tokens for transparent background and secondary foreground text.	2026-02-01 19:04:22 -08:00
Christian Byrne	4ddfdb0afe	Update WidgetTextarea.vue	2026-02-01 16:32:38 -08:00