Fix grid
This commit is contained in:
parent
1f77b09eed
commit
fc96d51519
|
@ -218,7 +218,7 @@
|
||||||
<div class="filter-label">
|
<div class="filter-label">
|
||||||
<Label>Filters</Label>
|
<Label>Filters</Label>
|
||||||
</div>
|
</div>
|
||||||
<div class="fields">
|
<div class="fields" class:with-bindings={allowBindings}>
|
||||||
{#each filters.filter(filter => filter.operator !== "allOr" && !filter.onEmptyFilter) as filter}
|
{#each filters.filter(filter => filter.operator !== "allOr" && !filter.onEmptyFilter) as filter}
|
||||||
<Select
|
<Select
|
||||||
bind:value={filter.field}
|
bind:value={filter.field}
|
||||||
|
@ -288,14 +288,11 @@
|
||||||
{/if}
|
{/if}
|
||||||
<div class="controls">
|
<div class="controls">
|
||||||
<Icon
|
<Icon
|
||||||
class
|
|
||||||
name="Duplicate"
|
name="Duplicate"
|
||||||
hoverable
|
hoverable
|
||||||
size="S"
|
size="S"
|
||||||
on:click={() => duplicateFilter(filter.id)}
|
on:click={() => duplicateFilter(filter.id)}
|
||||||
/>
|
/>
|
||||||
</div>
|
|
||||||
<div class="controls">
|
|
||||||
<Icon
|
<Icon
|
||||||
name="Close"
|
name="Close"
|
||||||
hoverable
|
hoverable
|
||||||
|
@ -331,8 +328,12 @@
|
||||||
align-items: center;
|
align-items: center;
|
||||||
grid-template-columns: 1fr 120px 1fr auto auto;
|
grid-template-columns: 1fr 120px 1fr auto auto;
|
||||||
}
|
}
|
||||||
|
.fields.with-bindings {
|
||||||
|
grid-template-columns: 1fr 120px 1fr auto auto auto;
|
||||||
|
}
|
||||||
|
|
||||||
.controls {
|
.controls {
|
||||||
display: content;
|
display: contents;
|
||||||
}
|
}
|
||||||
|
|
||||||
.container.mobile .fields {
|
.container.mobile .fields {
|
||||||
|
|
Loading…
Reference in New Issue