Skip to content

Commit 088d0d6

Browse files
Fix indent growing larger than maximum (#65)
1 parent 26321a0 commit 088d0d6

File tree

2 files changed

+4
-6
lines changed

2 files changed

+4
-6
lines changed

src/view/components/elements/TreeView.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -65,7 +65,7 @@
6565
left: 100%;
6666
top: 0;
6767
bottom: 0;
68-
width: 100%;
68+
width: 100vw;
6969
}
7070

7171
.tree:focus-within .item[data-selected]::after {

src/view/components/elements/TreeView.tsx

Lines changed: 3 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -55,13 +55,11 @@ export function TreeView() {
5555
setMaxIndent(current);
5656
}
5757

58-
let indent =
58+
const indent =
5959
current - Math.round((diff / (treeDepth || 1)) * 100) / 100;
60-
if (maxIndent > 0) {
61-
indent = Math.min(maxIndent, indent);
62-
}
60+
const clamped = Math.min(maxIndent > 0 ? maxIndent : current, indent);
6361

64-
ref.current.style.setProperty("--indent-depth", `${indent}px`);
62+
ref.current.style.setProperty("--indent-depth", `${clamped}px`);
6563
}
6664
}
6765
}, [nodeList, updateCount]);

0 commit comments

Comments
 (0)