diff options
Diffstat (limited to 'src')
| -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> |