Underline default option for settings modal
This commit is contained in:
parent
755ae037a9
commit
acf26d9ba5
1 changed files with 11 additions and 5 deletions
|
@ -19,12 +19,14 @@
|
|||
{setting.name}<br />
|
||||
<span class="settings-small-description">({setting.description})</span>
|
||||
</div>
|
||||
{#each setting.options as option}<button
|
||||
{#each setting.options as option}
|
||||
<button
|
||||
class:default-option={setting.default === option}
|
||||
disabled={setting.current === option}
|
||||
on:click={() => {
|
||||
setting.current = option;
|
||||
}}>{option}</button
|
||||
on:click={() => (setting.current = option)}
|
||||
>
|
||||
{option}
|
||||
</button>
|
||||
{/each}
|
||||
</div>
|
||||
{/each}
|
||||
|
@ -41,7 +43,6 @@
|
|||
max-height: 100%;
|
||||
|
||||
user-select: none;
|
||||
overflow-y: scroll;
|
||||
overflow-wrap: break-word;
|
||||
|
||||
> .settings-category {
|
||||
|
@ -64,10 +65,15 @@
|
|||
font-size: 80%;
|
||||
}
|
||||
}
|
||||
|
||||
> button {
|
||||
font-size: 1em;
|
||||
width: 7em;
|
||||
height: 2em;
|
||||
|
||||
&.default-option {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Reference in a new issue