feat(settings): add checkbox tooltips

1 files changed, 5 insertions, 0 deletions

diff --git a/src/lib/Settings/SettingCheckboxToggle.svelte b/src/lib/Settings/SettingCheckboxToggle.svelte
index d053caef..85b4f0cd 100644
--- a/src/lib/Settings/SettingCheckboxToggle.svelte
+++ b/src/lib/Settings/SettingCheckboxToggle.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
 import Spacer from "$lib/Layout/Spacer.svelte";
+import tooltip from "$lib/Tooltip/tooltip";
 import settings, { type Settings } from "$stores/settings";
 
 type BooleanSettingsKeys<T> = {
@@ -17,6 +18,7 @@ export let onChange: () => void = () => {
 };
 export let invert = false;
 export let id: string | null = null;
+export let tooltipText: string | undefined = undefined;
 
 $: checked = setting
 	? invert
@@ -63,6 +65,9 @@ const flip = () => {
 <input type="checkbox" onchange={check} bind:checked {id} />
 
 <span
+  title={tooltipText}
+  use:tooltip
+  data-tooltip-disable={tooltipText === undefined}
   onclick={flip}
   onkeydown={() => {
     return;