toby/svelte-sharg
Archived
1
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Underline default option for settings modal

Browse source
This commit is contained in:
Tobias Berger 2021-10-02 19:33:03 +02:00
parent 755ae037a9
commit acf26d9ba5
1 changed files with 11 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
src/components/Modals/SettingsModal.svelte
View file

@ -19,12 +19,14 @@
{setting.name}<br /> {setting.name}<br />
<span class="settings-small-description">({setting.description})</span> <span class="settings-small-description">({setting.description})</span>
</div> </div>
{#each setting.options as option}<button {#each setting.options as option}
<button
class:default-option={setting.default === option}
disabled={setting.current === option} disabled={setting.current === option}
on:click={() => { on:click={() => (setting.current = option)}
setting.current = option;
}}>{option}</button
> >
{option}
</button>
{/each} {/each}
</div> </div>
{/each} {/each}
@ -41,7 +43,6 @@
max-height: 100%; max-height: 100%;
user-select: none; user-select: none;
overflow-y: scroll;
overflow-wrap: break-word; overflow-wrap: break-word;
> .settings-category { > .settings-category {
@ -64,10 +65,15 @@
font-size: 80%; font-size: 80%;
} }
} }
> button { > button {
font-size: 1em; font-size: 1em;
width: 7em; width: 7em;
height: 2em; height: 2em;
&.default-option {
text-decoration: underline;
}
} }
} }
} }