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

css fixes

This commit is contained in:
Peter Clement 2023-11-08 13:55:34 +00:00
parent b167fd08e1
commit f7fabf152d
3 changed files with 51 additions and 54 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
packages/builder/src/components/automation/AutomationBuilder/FlowChart/FlowChart.svelte
View File

@ -48,15 +48,14 @@
<UndoRedoControl store={automationHistoryStore} /> <UndoRedoControl store={automationHistoryStore} />
</div> </div>
<div class="controls"> <div class="controls">
<div class="buttons"> <div
on:click={() => {
testDataModal.show()
}}
class="buttons"
>
<Icon hoverable size="M" name="Play" /> <Icon hoverable size="M" name="Play" />
<div <div>Run test</div>
on:click={() => {
testDataModal.show()
}}
>
Run test
</div>
</div> </div>
<div class="buttons"> <div class="buttons">
<Icon <Icon

8
packages/builder/src/components/automation/SetupPanel/QueryParamSelector.svelte
View File

@ -27,7 +27,7 @@
$: if (value?.queryId == null) value = { queryId: "" } $: if (value?.queryId == null) value = { queryId: "" }
</script> </script>
<div class="schema-fields"> <div class="schema-field">
<Label>Query</Label> <Label>Query</Label>
<div class="field-width"> <div class="field-width">
<Select <Select
@ -42,7 +42,7 @@
{#if parameters.length} {#if parameters.length}
{#each parameters as field} {#each parameters as field}
<div class="schema-fields"> <div class="schema-field">
<Label>{field.name}</Label> <Label>{field.name}</Label>
<div class="field-width"> <div class="field-width">
<DrawerBindableInput <DrawerBindableInput
@ -65,7 +65,7 @@
width: 320px; width: 320px;
} }
.schema-fields { .schema-field {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
@ -76,7 +76,7 @@
margin-bottom: 10px; margin-bottom: 10px;
} }
.schema-fields :global(label) { .schema-field :global(label) {
text-transform: capitalize; text-transform: capitalize;
} }
</style> </style>

82
packages/builder/src/components/automation/SetupPanel/RowSelector.svelte
View File

@ -114,12 +114,33 @@
</div> </div>
{#if schemaFields.length} {#if schemaFields.length}
{#each schemaFields as [field, schema]} {#each schemaFields as [field, schema]}
{#if !schema.autocolumn} {#if !schema.autocolumn && schema.type !== "attachment"}
{#if schema.type !== "attachment"} <div class="schema-fields">
<div class="schema-fields"> <Label>{field}</Label>
<Label>{field}</Label> <div class="field-width">
<div class="field-width"> {#if isTestModal}
{#if isTestModal} <RowSelectorTypes
{isTestModal}
{field}
{schema}
bindings={parsedBindings}
{value}
{onChange}
/>
{:else}
<DrawerBindableSlot
fillWidth
title={value.title}
panel={AutomationBindingPanel}
type={schema.type}
{schema}
value={value[field]}
on:change={e => onChange(e, field)}
{bindings}
allowJS={true}
updateOnChange={false}
drawerLeft="260px"
>
<RowSelectorTypes <RowSelectorTypes
{isTestModal} {isTestModal}
{field} {field}
@ -128,44 +149,21 @@
{value} {value}
{onChange} {onChange}
/> />
{:else} </DrawerBindableSlot>
<DrawerBindableSlot {/if}
fillWidth
title={value.title}
panel={AutomationBindingPanel}
type={schema.type}
{schema}
value={value[field]}
on:change={e => onChange(e, field)}
{bindings}
allowJS={true}
updateOnChange={false}
drawerLeft="260px"
>
<RowSelectorTypes
{isTestModal}
{field}
{schema}
bindings={parsedBindings}
{value}
{onChange}
/>
</DrawerBindableSlot>
{/if}
{#if isUpdateRow && schema.type === "link"} {#if isUpdateRow && schema.type === "link"}
<div class="checkbox-field"> <div class="checkbox-field">
<Checkbox <Checkbox
value={meta.fields?.[field]?.clearRelationships} value={meta.fields?.[field]?.clearRelationships}
text={"Clear relationships if empty?"} text={"Clear relationships if empty?"}
size={"S"} size={"S"}
on:change={e => onChangeSetting(e, field)} on:change={e => onChangeSetting(e, field)}
/> />
</div> </div>
{/if} {/if}
</div>
</div> </div>
{/if} </div>
{/if} {/if}
{/each} {/each}
{/if} {/if}