MirrorSave
/
budibase
mirror of https://github.com/Budibase/budibase.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Add sensible min widths to settings in the filter drawer

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

13
packages/builder/src/components/design/settings/controls/FilterEditor/FilterDrawer.svelte
View File

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