Update group by popover

This commit is contained in:
Andrew Kingston 2021-04-20 12:35:34 +01:00
parent 514bdc4d3f
commit 1a0aa22968
3 changed files with 7 additions and 13 deletions

View File

@ -56,7 +56,7 @@
</div>
<div class="footer">
<Button secondary on:click={onClosed}>Cancel</Button>
<Button primary on:click={saveView} disabled={!view.field}>Save</Button>
<Button cta on:click={saveView} disabled={!view.field}>Save</Button>
</div>
</div>

View File

@ -162,7 +162,7 @@
</div>
<div class="buttons">
<Button secondary on:click={onClosed}>Cancel</Button>
<Button primary on:click={saveView}>Save</Button>
<Button cta on:click={saveView}>Save</Button>
</div>
</div>
</div>

View File

@ -22,26 +22,20 @@
</script>
<div class="actions">
<h5>Group</h5>
<div class="input-group-row">
<p>By</p>
<Select secondary thin bind:value={view.groupBy}>
<option value="">Choose an option</option>
{#each fields as field}
<option value={field}>{field}</option>
{/each}
</Select>
</div>
<h5>Group By</h5>
<Select bind:value={view.groupBy} options={fields} />
<div class="footer">
<Button secondary on:click={onClosed}>Cancel</Button>
<Button primary on:click={saveView}>Save</Button>
<Button cta on:click={saveView}>Save</Button>
</div>
</div>
<style>
.actions {
display: grid;
width: 200px;
grid-gap: var(--spacing-xl);
padding: var(--spacing-xl);
}
h5 {