CodeMirror/budibase
1
0
Fork 0
mirror of synced 2024-09-12 07:27:20 +12:00
Code Issues Projects Releases Wiki Activity

Add sensible min widths to settings in the filter drawer

Browse source
This commit is contained in:
Andrew Kingston 2022-10-15 13:23:20 +01:00
parent 80351db592
commit d7f033eedf
1 changed files with 6 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
packages/builder/src/components/design/settings/controls/FilterEditor/FilterDrawer.svelte
View file

@ -38,8 +38,8 @@
let behaviourValue
const behaviourOptions = [
{ value: "and", label: "Match all of the following filters" },
{ value: "or", label: "Match any of the following filters" },
{ value: "and", label: "Match all filters" },
{ value: "or", label: "Match any filter" },
]
const addFilter = () => {
filters = [
@ -137,14 +137,9 @@
<DrawerContent>
<div class="container">
<Layout noPadding>
<Body size="S">
{#if !filters?.length}
Add your first filter expression.
{:else}
Results are filtered to only those which match all of the following
constraints.
{/if}
</Body>
{#if !filters?.length}
<Body size="S">Add your first filter expression.</Body>
{/if}
{#if filters?.length}
<div class="fields">
<Select
@ -264,7 +259,7 @@
column-gap: var(--spacing-l);
row-gap: var(--spacing-s);
align-items: center;
grid-template-columns: 1fr 150px 120px 1fr 16px 16px;
grid-template-columns: minmax(150px, 1fr) 120px 120px minmax(150px, 1fr) 16px 16px;
}
.filter-label {