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

Fix massive widths on remaining button actions

Browse source
This commit is contained in:
Andrew Kingston 2021-03-19 14:26:37 +00:00
parent 1521a22c39
commit 2a6e05efff
6 changed files with 58 additions and 31 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

65
packages/builder/src/components/design/PropertiesPanel/PropertyControls/EventsEditor/actions/ExecuteQuery.svelte
View file

@ -24,36 +24,45 @@
} }
</script> </script>
<Label small>Datasource</Label> <div class="root">
<Select thin secondary bind:value={parameters.datasourceId}> <Label small>Datasource</Label>
<option value="" /> <Select thin secondary bind:value={parameters.datasourceId}>
{#each $backendUiStore.datasources as datasource}
<option value={datasource._id}>{datasource.name}</option>
{/each}
</Select>
<Spacer medium />
{#if parameters.datasourceId}
<Label small>Query</Label>
<Select thin secondary bind:value={parameters.queryId}>
<option value="" /> <option value="" />
{#each $backendUiStore.queries.filter(query => query.datasourceId === datasource._id) as query} {#each $backendUiStore.datasources as datasource}
<option value={query._id}>{query.name}</option> <option value={datasource._id}>{datasource.name}</option>
{/each} {/each}
</Select> </Select>
{/if}
<Spacer medium /> <Spacer medium />
{#if query?.parameters?.length > 0} {#if parameters.datasourceId}
<ParameterBuilder <Label small>Query</Label>
bind:customParams={parameters.queryParams} <Select thin secondary bind:value={parameters.queryId}>
parameters={query.parameters} <option value="" />
bindings={bindableProperties} /> {#each $backendUiStore.queries.filter(query => query.datasourceId === datasource._id) as query}
<IntegrationQueryEditor <option value={query._id}>{query.name}</option>
height={200} {/each}
{query} </Select>
schema={fetchQueryDefinition(query)} {/if}
editable={false} />
{/if} <Spacer medium />
{#if query?.parameters?.length > 0}
<ParameterBuilder
bind:customParams={parameters.queryParams}
parameters={query.parameters}
bindings={bindableProperties} />
<IntegrationQueryEditor
height={200}
{query}
schema={fetchQueryDefinition(query)}
editable={false} />
{/if}
</div>
<style>
.root {
max-width: 800px;
margin: 0 auto;
}
</style>

4
packages/builder/src/components/design/PropertiesPanel/PropertyControls/EventsEditor/actions/LogIn.svelte
View file

@ -30,7 +30,9 @@
display: grid; display: grid;
column-gap: var(--spacing-l); column-gap: var(--spacing-l);
row-gap: var(--spacing-s); row-gap: var(--spacing-s);
grid-template-columns: auto 1fr auto 1fr; grid-template-columns: auto 1fr;
align-items: baseline; align-items: baseline;
max-width: 800px;
margin: 0 auto;
} }
</style> </style>

11
packages/builder/src/components/design/PropertiesPanel/PropertyControls/EventsEditor/actions/LogOut.svelte
View file

@ -1,7 +1,14 @@
<div class="root">This action doesn't require any additional settings.</div> <script>
import { Body } from "@budibase/bbui"
</script>
<div class="root">
<Body small grey>This action doesn't require any additional settings.</Body>
</div>
<style> <style>
.root { .root {
font-size: var(--font-size-s); max-width: 800px;
margin: 0 auto;
} }
</style> </style>

2
packages/builder/src/components/design/PropertiesPanel/PropertyControls/EventsEditor/actions/NavigateTo.svelte
View file

@ -27,6 +27,8 @@
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: baseline; align-items: baseline;
max-width: 800px;
margin: 0 auto;
} }
.root :global(> div) { .root :global(> div) {

5
packages/builder/src/components/design/PropertiesPanel/PropertyControls/EventsEditor/actions/TriggerAutomation.svelte
View file

@ -101,6 +101,11 @@
</div> </div>
<style> <style>
.root {
max-width: 800px;
margin: 0 auto;
}
.fields { .fields {
display: grid; display: grid;
column-gap: var(--spacing-l); column-gap: var(--spacing-l);

2
packages/builder/src/components/design/PropertiesPanel/PropertyControls/EventsEditor/actions/ValidateForm.svelte
View file

@ -29,6 +29,8 @@
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: baseline; align-items: baseline;
max-width: 800px;
margin: 0 auto;
} }
.root :global(> div) { .root :global(> div) {