From 46ddaada4d6b95b4ba3cf4f6be4cb602c568d875 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Keviin=20=C3=85berg=20Kultalahti?= <kevin.aberg@gmail.com>
Date: Thu, 20 May 2021 15:13:08 +0200
Subject: [PATCH] remove transitions because of bug

---
 .../portal/manage/email/[template].svelte     | 35 ++++++-------------
 1 file changed, 11 insertions(+), 24 deletions(-)
diff --git a/packages/builder/src/pages/builder/portal/manage/email/[template].svelte b/packages/builder/src/pages/builder/portal/manage/email/[template].svelte
index 1f2fcb6119..fdee7e80b7 100644
--- a/packages/builder/src/pages/builder/portal/manage/email/[template].svelte
+++ b/packages/builder/src/pages/builder/portal/manage/email/[template].svelte
@@ -1,5 +1,6 @@
 <script>
   import {
+    Button,
     Detail,
     Heading,
     ActionButton,
@@ -11,7 +12,6 @@
     Tab,
   } from "@budibase/bbui"
   import { goto } from "@roxi/routify"
-  import { fade } from "svelte/transition"
   import { email } from "stores/portal"
   import Editor from "components/integration/QueryEditor.svelte"
   import TemplateBindings from "./_components/TemplateBindings.svelte"
@@ -47,16 +47,6 @@
   }
 </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>
   <Layout gap="XS" noPadding>
     <div class="back">
@@ -69,10 +59,15 @@
         Back to email settings
       </ActionButton>
     </div>
-    <Heading>Email Template: {template}</Heading>
+    <header>
+      <Heading>
+        Email Template: {template}
+      </Heading>
+      <Button cta on:click={saveTemplate}>Save</Button>
+    </header>
     <Body
-      >Change the email template here. you can insert bindings (email, logo url,
-      etc.) from the list on the right</Body
+      >Change the email template here. Add dynamic content by using the bindings
+      menu on the right.</Body
     >
   </Layout>
   <Tabs {selected}>
@@ -89,7 +84,7 @@
         />
         <div class="bindings-editor">
           <Detail size="L">Bindings</Detail>
-          <Tabs selected={selectedBindingTab}>
+          <Tabs selected="Template">
             <Tab title="Template">
               <TemplateBindings
                 title="Template Bindings"
@@ -109,7 +104,7 @@
       </div></Tab
     >
     <Tab title="Preview">
-      <div class="preview" transition:fade>
+      <div class="preview">
         {@html selectedTemplate.contents}
       </div>
     </Tab>
@@ -128,7 +123,6 @@
     display: flex;
     width: 100%;
     justify-content: space-between;
-    margin-bottom: var(--spacing-l);
     margin-top: var(--spacing-l);
   }
 
@@ -137,11 +131,4 @@
     height: 800px;
     padding: var(--spacing-xl);
   }
-
-  .backbutton {
-    display: flex;
-    gap: var(--spacing-m);
-    margin-bottom: var(--spacing-xl);
-    cursor: pointer;
-  }
 </style>
