steven/gpx.studio
1
0
Fork 0
mirror of https://github.com/gpxstudio/gpx.studio.git synced 2025-08-31 23:53:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix file tree margins

Browse Source
This commit is contained in:
vcoppe
2024-07-18 00:49:35 +02:00
parent e16c92fe0a
commit 44afe6cc76
4 changed files with 3 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
website/src/lib/components/collapsible-tree/CollapsibleTree.svelte
View File

@@ -4,7 +4,6 @@
export let defaultState: 'open' | 'closed' = 'open'; export let defaultState: 'open' | 'closed' = 'open';
export let side: 'left' | 'right' = 'right'; export let side: 'left' | 'right' = 'right';
export let margin: number = 1;
export let nohover: boolean = false; export let nohover: boolean = false;
export let slotInsideTrigger: boolean = true; export let slotInsideTrigger: boolean = true;
@@ -13,7 +12,6 @@
setContext('collapsible-tree-default-state', defaultState); setContext('collapsible-tree-default-state', defaultState);
setContext('collapsible-tree-state', open); setContext('collapsible-tree-state', open);
setContext('collapsible-tree-side', side); setContext('collapsible-tree-side', side);
setContext('collapsible-tree-margin', margin);
setContext('collapsible-tree-nohover', nohover); setContext('collapsible-tree-nohover', nohover);
setContext('collapsible-tree-parent-id', 'root'); setContext('collapsible-tree-parent-id', 'root');
setContext('collapsible-tree-slot-inside-trigger', slotInsideTrigger); setContext('collapsible-tree-slot-inside-trigger', slotInsideTrigger);

3
website/src/lib/components/collapsible-tree/CollapsibleTreeNode.svelte
View File

@@ -10,7 +10,6 @@
let defaultState = getContext<'open' | 'closed'>('collapsible-tree-default-state'); let defaultState = getContext<'open' | 'closed'>('collapsible-tree-default-state');
let open = getContext<Writable<Record<string, boolean>>>('collapsible-tree-state'); let open = getContext<Writable<Record<string, boolean>>>('collapsible-tree-state');
let side = getContext<'left' | 'right'>('collapsible-tree-side'); let side = getContext<'left' | 'right'>('collapsible-tree-side');
let margin = getContext<number>('collapsible-tree-margin');
let nohover = getContext<boolean>('collapsible-tree-nohover'); let nohover = getContext<boolean>('collapsible-tree-nohover');
let slotInsideTrigger = getContext<boolean>('collapsible-tree-slot-inside-trigger'); let slotInsideTrigger = getContext<boolean>('collapsible-tree-slot-inside-trigger');
let parentId = getContext<string>('collapsible-tree-parent-id'); let parentId = getContext<string>('collapsible-tree-parent-id');
@@ -92,7 +91,7 @@
</Button> </Button>
{/if} {/if}
<Collapsible.Content class="ml-{margin} pl-{margin}"> <Collapsible.Content class="ml-2">
<slot name="content" /> <slot name="content" />
</Collapsible.Content> </Collapsible.Content>
</Collapsible.Root> </Collapsible.Root>

2
website/src/lib/components/file-list/FileListNode.svelte
View File

@@ -72,7 +72,7 @@
{:else if recursive} {:else if recursive}
<CollapsibleTreeNode id={item.getId()} bind:this={collapsible}> <CollapsibleTreeNode id={item.getId()} bind:this={collapsible}>
<FileListNodeLabel {node} {item} {label} slot="trigger" /> <FileListNodeLabel {node} {item} {label} slot="trigger" />
<div slot="content"> <div slot="content" class="ml-2">
{#key node} {#key node}
<FileListNodeContent {node} {item} /> <FileListNodeContent {node} {item} />
{/key} {/key}

2
website/src/lib/components/file-list/FileListNodeStore.svelte
View File

@@ -14,7 +14,7 @@
{#if $file} {#if $file}
{#if recursive} {#if recursive}
<CollapsibleTree side="left" margin={4} defaultState="closed" slotInsideTrigger={false}> <CollapsibleTree side="left" defaultState="closed" slotInsideTrigger={false}>
<FileListNode node={$file.file} item={new ListFileItem($file.file._data.id)} /> <FileListNode node={$file.file} item={new ListFileItem($file.file._data.id)} />
</CollapsibleTree> </CollapsibleTree>
{:else} {:else}