remove transitions because of bug

This commit is contained in:
Keviin Åberg Kultalahti 2021-05-20 15:13:08 +02:00
parent f421d7ba17
commit 772b612db4
1 changed files with 11 additions and 24 deletions

View File

@ -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>