add group icons to sorting menu
This commit is contained in:
parent
07035e8e18
commit
c0796f1c85
|
@ -2,6 +2,8 @@
|
|||
import Panel from './Panel.svelte';
|
||||
import Modfiles from './Modfiles.svelte';
|
||||
import { sort, sortMode, sortingModes, groups, groupsEnabled } from './modfiles';
|
||||
|
||||
const groupIcons = ['unarchive', 'link'];
|
||||
</script>
|
||||
|
||||
<style>
|
||||
|
@ -61,6 +63,12 @@
|
|||
color: #000;
|
||||
background-position: 0px 0px;
|
||||
}
|
||||
|
||||
.options button i {
|
||||
display: inline-block;
|
||||
line-height: 1;
|
||||
vertical-align: middle;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="columns">
|
||||
|
@ -86,7 +94,7 @@
|
|||
</div>
|
||||
<b>Include:</b><br>
|
||||
<div class="options">
|
||||
{#each groups as mode, i}<button class:selected={$groupsEnabled[i]} on:click={() => {$groupsEnabled[i] = !$groupsEnabled[i]}}>{mode}</button>{/each}
|
||||
{#each groups as mode, i}<button class:selected={$groupsEnabled[i]} on:click={() => {$groupsEnabled[i] = !$groupsEnabled[i]}}>{#if groupIcons[i]}<i class="material-icons">{groupIcons[i]}</i> {/if}{mode}</button>{/each}
|
||||
</div>
|
||||
</Panel>
|
||||
</div>
|
Loading…
Reference in New Issue