chore: renamed "label" to "name" to match FileEntry object
mellbacon committed
May 21, 2023 at 14:08 UTC
f8a3e8d146df5cd5ebcc7048016b8a94f5ac48fd
2 files changed
+12
-11
src/lib/FileTree/FileTreeList.svelte
+7
-6
@@ -15,11 +15,11 @@
15
export let isroot = false;
16
17
export let id = "";
18
- export let label = "";
18
+ export let name = "";
19
export let path = "";
20
export let children = [];
21
22
- let expanded = _expansionState[label] || false;
22
+ let expanded = _expansionState[name] || false;
23
let ref = null;
24
let refLabel = null;
25
let refChildren = null;
@@ -105,7 +105,7 @@
105
}
106
107
if (!contextmenu) {
108
- expanded = _expansionState[label] = !expanded;
108
+ expanded = _expansionState[name] = !expanded;
109
}
110
};
111
@@ -145,7 +145,7 @@
145
{#if icon}
146
<svelte:component this={icon} />
147
{/if}
148
- <div class="item-label">{label}</div>
148
+ <div class="item-label">{name}</div>
149
</div>
150
{#if expanded}
151
<ul role="group" bind:this={refChildren} data-id={id} class="tree-children" on:dragover|preventDefault on:drop|stopPropagation={drop}>
@@ -188,10 +188,11 @@
188
min-height: 1.5rem;
189
font-size: 14px;
190
align-items: center;
191
+ flex: 1;
192
white-space: nowrap;
193
:global(svg) {
193
- width: 18px;
194
- height: 18px;
194
+ min-width: 18px;
195
+ min-height: 18px;
196
padding: 0 5px 0 0;
197
}
198
}
src/lib/FileTree/FileTreeNode.svelte
+5
-5
@@ -20,7 +20,7 @@
20
import ContextMenu from "../utility/ContextMenu.svelte";
21
22
export let id;
23
- export let label;
23
+ export let name;
24
export let path;
25
26
let selected = false;
@@ -66,7 +66,7 @@
66
refLabel.style.paddingLeft = `${offset()}rem`;
67
}
68
69
- $:treenode = {id, label, path}
69
+ $:treenode = {id, name, path}
70
</script>
71
72
<svelte:window on:click={(e) => {
@@ -87,7 +87,7 @@
87
{#if icon}
88
<svelte:component this={icon} />
89
{/if}
90
- {label}
90
+ {name}
91
</div>
92
</li>
93
@@ -110,8 +110,8 @@
110
flex: 1;
111
white-space: nowrap;
112
:global(svg){
113
- width: 18px;
114
- height: 18px;
113
+ min-width: 18px;
114
+ min-height: 18px;
115
padding: 0 5px 0 0;
116
}
117
}