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 Panel from './Panel.svelte';
|
||||||
import Modfiles from './Modfiles.svelte';
|
import Modfiles from './Modfiles.svelte';
|
||||||
import { sort, sortMode, sortingModes, groups, groupsEnabled } from './modfiles';
|
import { sort, sortMode, sortingModes, groups, groupsEnabled } from './modfiles';
|
||||||
|
|
||||||
|
const groupIcons = ['unarchive', 'link'];
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
|
@ -61,6 +63,12 @@
|
||||||
color: #000;
|
color: #000;
|
||||||
background-position: 0px 0px;
|
background-position: 0px 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.options button i {
|
||||||
|
display: inline-block;
|
||||||
|
line-height: 1;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
<div class="columns">
|
<div class="columns">
|
||||||
|
@ -86,7 +94,7 @@
|
||||||
</div>
|
</div>
|
||||||
<b>Include:</b><br>
|
<b>Include:</b><br>
|
||||||
<div class="options">
|
<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>
|
</div>
|
||||||
</Panel>
|
</Panel>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in New Issue