CodeMirror/budibase
1
0
Fork 0
mirror of synced 2024-09-29 08:41:16 +13:00
Code Issues Projects Releases Wiki Activity

fix animation of test panel

Browse source
This commit is contained in:
Peter Clement 2022-05-20 14:20:53 +01:00
parent 070070c3b7
commit 5fbfc0bb6b
2 changed files with 12 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
packages/builder/src/components/automation/AutomationBuilder/FlowChart/FlowItemTitle.svelte
View file

@ -81,7 +81,7 @@
onSelect(block)
}}
>
<Icon name={blockComplete ? "ChevronDown" : "ChevronUp"} />
<Icon name={blockComplete ? "ChevronUp" : "ChevronDown"} />
</div>
</div>
</div>

12
packages/builder/src/pages/builder/app/[application]/automate/_layout.svelte
View file

@ -5,6 +5,8 @@
import CreateAutomationModal from "components/automation/AutomationPanel/CreateAutomationModal.svelte"
import CreateWebhookModal from "components/automation/Shared/CreateWebhookModal.svelte"
import TestPanel from "components/automation/AutomationBuilder/TestPanel.svelte"
import { fly } from "svelte/transition"
$: automation =
$automationStore.selectedAutomation?.automation ||
$automationStore.automations[0]
@ -45,7 +47,13 @@
</div>
{#if automation?.showTestPanel}
<div class="setup"><TestPanel {automation} /></div>
<div
in:fly|local={{ x: 500, duration: 500 }}
out:fly|local={{ x: 500, duration: 500 }}
class="setup"
>
<TestPanel {automation} />
</div>
{/if}
<Modal bind:this={modal}>
<CreateAutomationModal {webhookModal} />
@ -62,6 +70,7 @@
display: grid;
grid-auto-flow: column dense;
grid-template-columns: 260px minmax(510px, 1fr) fit-content(500px);
overflow: hidden;
}
.nav {
@ -73,6 +82,7 @@
border-right: var(--border-light);
background-color: var(--background);
padding-bottom: 60px;
overflow: hidden;
}
.content {