pixeldrain/fnx_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Don't render expandable content unless expanded

Browse Source
This commit is contained in:
Fornax
2023-10-11 19:47:47 +02:00
parent 942f7c7888
commit 5bd26ce5bc
1 changed files with 7 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
svelte/src/util/Expandable.svelte
View File

@@ -43,15 +43,17 @@ export let highlight = false
<button class="bucket_expand" on:click|stopPropagation={toggle}> <button class="bucket_expand" on:click|stopPropagation={toggle}>
{#if expanded} {#if expanded}
<i class="icon">expand_less</i> <i class="icon">expand_less</i>
{:else} {:else}
<i class="icon">expand_more</i> <i class="icon">expand_more</i>
{/if} {/if}
</button> </button>
</div> </div>
<div class="body" class:hidden={!expanded}> {#if expanded}
<slot></slot> <div class="body">
</div> <slot></slot>
</div>
{/if}
</div> </div>
<style> <style>
@@ -90,7 +92,4 @@ export let highlight = false
text-decoration: none; text-decoration: none;
border-top: 1px solid var(--separator); border-top: 1px solid var(--separator);
} }
.hidden {
display: none;
}
</style> </style>