diff options
| author | Fuwn <[email protected]> | 2023-12-14 18:26:52 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2023-12-14 18:29:55 -0800 |
| commit | 1b8e5560a7999a88ccb824309cc9da3f8400fd24 (patch) | |
| tree | e86ca715d43fa79a9a6520deb3f8e8867dbe441f /src/lib/Settings/SettingCheckboxToggle.svelte | |
| parent | fix(tools): better clear parameters (diff) | |
| download | due.moe-1b8e5560a7999a88ccb824309cc9da3f8400fd24.tar.xz due.moe-1b8e5560a7999a88ccb824309cc9da3f8400fd24.zip | |
feat(settings): click on text to toggle
Diffstat (limited to 'src/lib/Settings/SettingCheckboxToggle.svelte')
| -rw-r--r-- | src/lib/Settings/SettingCheckboxToggle.svelte | 36 |
1 files changed, 28 insertions, 8 deletions
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> |