Bolden root parent
mellobacon committed
Nov 27, 2022 at 18:54 UTC
4e576b108924fc6dbf283549a01f632d6880267e
1 file changed
+12
-3
src/components/FileTree/TreeViewNodeList.svelte
+12
-3
@@ -7,6 +7,7 @@
7
export let children = [];
8
export let expanded = false;
9
export let root = false;
10
+ export let isroot = false;
11
12
export let id = "";
13
export let name = "";
@@ -31,6 +32,7 @@
32
let prevActiveId = undefined;
33
34
const {
35
+ isFileTree,
36
activeNodeId,
37
selectedNodeIds,
38
expandedNodeIds,
@@ -71,7 +73,7 @@
73
{#if root}
74
{#each children as child (child.id)}
75
{#if Array.isArray(child.children)}
74
- <svelte:self {dblclick} {...child} />
76
+ <svelte:self {dblclick} isroot={root} {...child} />
77
{:else}
78
<TreeViewNode leaf {dblclick} {...child} />
79
{/if}
@@ -85,6 +87,7 @@
87
aria-current={id === $activeNodeId || undefined}
88
aria-selected={disabled ? undefined : $selectedNodeIds.includes(id)}
89
aria-disabled={disabled}
90
+ class:root={isroot}
91
class:bx--tree-node={true}
92
class:bx--tree-parent-node={true}
93
class:bx--tree-node--active={id === $activeNodeId}
@@ -131,7 +134,7 @@
134
if (e.button === 2) {
135
selectNode(node);
136
rightClickNode(node);
134
- contextmenu = true;
137
+ if (isFileTree) contextmenu = true;
138
}
139
}}
140
>
@@ -162,4 +165,10 @@
165
166
{#if contextmenu}
167
<ParentNodeMenu target={[refLabel]} filename={name} filepath={path}></ParentNodeMenu>
165
-{/if}
\ No newline at end of file
168
+{/if}
169
+
170
+<style>
171
+ .root > .bx--tree-node__label {
172
+ font-weight: bold;
173
+ }
174
+</style>
\ No newline at end of file