From c47fc29012261941c318d1defa9982f0123f78f4 Mon Sep 17 00:00:00 2001 From: George Thomas Date: Thu, 3 Aug 2023 13:34:03 +0100 Subject: [PATCH] feat: Display node labels in top-left corner instead of top-right We believe this increases readability. Rationale is similar to that for our introduction of the "inline" style. Signed-off-by: George Thomas --- src/components/TreeReactFlow/index.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/TreeReactFlow/index.tsx b/src/components/TreeReactFlow/index.tsx index 864fbd03..6b9cd7ff 100644 --- a/src/components/TreeReactFlow/index.tsx +++ b/src/components/TreeReactFlow/index.tsx @@ -173,7 +173,7 @@ const nodeTypes = { ), label: classNames( "z-20 p-1 absolute rounded-full text-sm xl:text-base", - data.syntax ? "-top-4" : "-right-2 -top-4", + data.syntax ? "-top-4" : "-left-2 -top-4", flavorLabelClasses(data.flavor) ), contents: classNames(