From 1b8e5560a7999a88ccb824309cc9da3f8400fd24 Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Thu, 14 Dec 2023 18:26:52 -0800
Subject: feat(settings): click on text to toggle

---
 src/lib/Settings/SettingCheckboxToggle.svelte | 36 +++++++++++++++++++++------
 1 file changed, 28 insertions(+), 8 deletions(-)

(limited to 'src/lib/Settings')

diff --git a/src/lib/Settings/SettingCheckboxToggle.svelte b/src/lib/Settings/SettingCheckboxToggle.svelte
index 87b38131..4ea012b5 100644
--- a/src/lib/Settings/SettingCheckboxToggle.svelte
+++ b/src/lib/Settings/SettingCheckboxToggle.svelte
@@ -43,15 +43,25 @@
 
 <input type="checkbox" on:change={check} bind:checked={$settings[setting]} />
 
-{#if disabled}
-	<strike>
+<span
+	on:click={() => ($settings[setting] = !$settings[setting])}
+	on:keydown={() => {
+		return;
+	}}
+	role="button"
+	tabindex="0"
+	id="option-text"
+>
+	{#if disabled}
+		<strike>
+			{@html text}
+		</strike>
+		<slot />
+	{:else}
 		{@html text}
-	</strike>
-	<slot />
-{:else}
-	{@html text}
-	<slot />
-{/if}
+		<slot />
+	{/if}
+</span>
 
 {#if lineBreak}
 	<br />
@@ -60,3 +70,13 @@
 {#if sectionBreak}
 	<p />
 {/if}
+
+<style>
+	#option-text {
+		cursor: text;
+		user-select: none;
+		-webkit-user-select: none;
+		-moz-user-select: none;
+		-ms-user-select: none;
+	}
+</style>
-- 
cgit v1.2.3