Merge pull request #319 from giselles-ai/fix/node-name-editing-after-…

…deletion fix: Add background color to empty node name section for better visibility
giselles-ai · Jan 22, 2025 · 0d1d1cf · 0d1d1cf
2 parents 1564f0c + 61d0789
commit 0d1d1cf
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/packages/components/node.tsx b/packages/components/node.tsx
@@ -187,7 +187,10 @@ function NodeNameEditable({
 			) : (
 				<button
 					type="button"
-					className="flex items-center gap-[12px] cursor-auto"
+					className={clsx(
+						"flex items-center gap-[12px] cursor-auto min-w-[120px]",
+						name.length === 0 && "min-h-[18px] bg-black-80/80",
+					)}
 					onClick={(event) => {
 						event.stopPropagation();
 					}}