From 5bd26ce5bcd03cd90384f2c1fb9a7363f7f3e530 Mon Sep 17 00:00:00 2001
From: Fornax <wim@fornaxian.tech>
Date: Wed, 11 Oct 2023 19:47:47 +0200
Subject: [PATCH] Don't render expandable content unless expanded

---
 svelte/src/util/Expandable.svelte | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)

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