From 0ad56aa7e9d74bf7ac9aa03dca533ba7d740cc68 Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.net>
Date: Thu, 2 Apr 2026 10:21:10 +0000
Subject: feat(settings): add checkbox tooltips

---
 src/lib/Settings/SettingCheckboxToggle.svelte | 5 +++++
 1 file changed, 5 insertions(+)

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;
-- 
cgit v1.2.3