From 3b884e35b9890c2e652832cfc0150e3b09b838a5 Mon Sep 17 00:00:00 2001 From: Tarasov Date: Mon, 12 Jun 2023 22:44:17 +0200 Subject: [PATCH] Fixed positioning of lines on top of the children nodes --- src/components/TreeNode.tsx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/components/TreeNode.tsx b/src/components/TreeNode.tsx index a622a80..9201d35 100644 --- a/src/components/TreeNode.tsx +++ b/src/components/TreeNode.tsx @@ -48,13 +48,13 @@ const nodeLines = css` ::before, ::after { ${verticalLine}; - right: 50%; - width: 50%; + right: calc(50% - var(--tree-line-width) / 2); + width: calc(50% + var(--tree-line-width) / 2); border-top: var(--tree-line-width) var(--tree-node-line-style) var(--tree-line-color); } ::after { - left: 50%; + left: calc(50% - var(--tree-line-width) / 2); border-left: var(--tree-line-width) var(--tree-node-line-style) var(--tree-line-color); }