remove transitions because of bug
This commit is contained in:
parent
8f6205a4db
commit
46ddaada4d
|
@ -1,5 +1,6 @@
|
||||||
<script>
|
<script>
|
||||||
import {
|
import {
|
||||||
|
Button,
|
||||||
Detail,
|
Detail,
|
||||||
Heading,
|
Heading,
|
||||||
ActionButton,
|
ActionButton,
|
||||||
|
@ -11,7 +12,6 @@
|
||||||
Tab,
|
Tab,
|
||||||
} from "@budibase/bbui"
|
} from "@budibase/bbui"
|
||||||
import { goto } from "@roxi/routify"
|
import { goto } from "@roxi/routify"
|
||||||
import { fade } from "svelte/transition"
|
|
||||||
import { email } from "stores/portal"
|
import { email } from "stores/portal"
|
||||||
import Editor from "components/integration/QueryEditor.svelte"
|
import Editor from "components/integration/QueryEditor.svelte"
|
||||||
import TemplateBindings from "./_components/TemplateBindings.svelte"
|
import TemplateBindings from "./_components/TemplateBindings.svelte"
|
||||||
|
@ -47,16 +47,6 @@
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<!-- <div class="backbutton" on:click={() => $goto("./")}>
|
|
||||||
<Icon name="BackAndroid" />
|
|
||||||
<span>Back</span>
|
|
||||||
</div>
|
|
||||||
<header>
|
|
||||||
<Heading>
|
|
||||||
Email Template: {template}
|
|
||||||
</Heading>
|
|
||||||
<Button cta on:click={saveTemplate}>Save</Button>
|
|
||||||
</header> -->
|
|
||||||
<Page wide>
|
<Page wide>
|
||||||
<Layout gap="XS" noPadding>
|
<Layout gap="XS" noPadding>
|
||||||
<div class="back">
|
<div class="back">
|
||||||
|
@ -69,10 +59,15 @@
|
||||||
Back to email settings
|
Back to email settings
|
||||||
</ActionButton>
|
</ActionButton>
|
||||||
</div>
|
</div>
|
||||||
<Heading>Email Template: {template}</Heading>
|
<header>
|
||||||
|
<Heading>
|
||||||
|
Email Template: {template}
|
||||||
|
</Heading>
|
||||||
|
<Button cta on:click={saveTemplate}>Save</Button>
|
||||||
|
</header>
|
||||||
<Body
|
<Body
|
||||||
>Change the email template here. you can insert bindings (email, logo url,
|
>Change the email template here. Add dynamic content by using the bindings
|
||||||
etc.) from the list on the right</Body
|
menu on the right.</Body
|
||||||
>
|
>
|
||||||
</Layout>
|
</Layout>
|
||||||
<Tabs {selected}>
|
<Tabs {selected}>
|
||||||
|
@ -89,7 +84,7 @@
|
||||||
/>
|
/>
|
||||||
<div class="bindings-editor">
|
<div class="bindings-editor">
|
||||||
<Detail size="L">Bindings</Detail>
|
<Detail size="L">Bindings</Detail>
|
||||||
<Tabs selected={selectedBindingTab}>
|
<Tabs selected="Template">
|
||||||
<Tab title="Template">
|
<Tab title="Template">
|
||||||
<TemplateBindings
|
<TemplateBindings
|
||||||
title="Template Bindings"
|
title="Template Bindings"
|
||||||
|
@ -109,7 +104,7 @@
|
||||||
</div></Tab
|
</div></Tab
|
||||||
>
|
>
|
||||||
<Tab title="Preview">
|
<Tab title="Preview">
|
||||||
<div class="preview" transition:fade>
|
<div class="preview">
|
||||||
{@html selectedTemplate.contents}
|
{@html selectedTemplate.contents}
|
||||||
</div>
|
</div>
|
||||||
</Tab>
|
</Tab>
|
||||||
|
@ -128,7 +123,6 @@
|
||||||
display: flex;
|
display: flex;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
margin-bottom: var(--spacing-l);
|
|
||||||
margin-top: var(--spacing-l);
|
margin-top: var(--spacing-l);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -137,11 +131,4 @@
|
||||||
height: 800px;
|
height: 800px;
|
||||||
padding: var(--spacing-xl);
|
padding: var(--spacing-xl);
|
||||||
}
|
}
|
||||||
|
|
||||||
.backbutton {
|
|
||||||
display: flex;
|
|
||||||
gap: var(--spacing-m);
|
|
||||||
margin-bottom: var(--spacing-xl);
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
|
|
Loading…
Reference in New Issue