From bf4a59b1152f3ae1fe266f0686ce2a3ec0edd374 Mon Sep 17 00:00:00 2001
From: Mutasem <mutdmour@gmail.com>
Date: Wed, 28 Jul 2021 15:04:46 +0200
Subject: [PATCH] fix issues

---
 .../MainHeader/ExecutionDetails/ExecutionDetails.vue   |  2 +-
 packages/editor-ui/src/n8n-theme-variables.scss        | 10 ----------
 packages/editor-ui/src/plugins/compontents.ts          |  4 ++++
 3 files changed, 5 insertions(+), 11 deletions(-)

diff --git a/packages/editor-ui/src/components/MainHeader/ExecutionDetails/ExecutionDetails.vue b/packages/editor-ui/src/components/MainHeader/ExecutionDetails/ExecutionDetails.vue
index ff409c58f8..e254934a7d 100644
--- a/packages/editor-ui/src/components/MainHeader/ExecutionDetails/ExecutionDetails.vue
+++ b/packages/editor-ui/src/components/MainHeader/ExecutionDetails/ExecutionDetails.vue
@@ -85,7 +85,7 @@ export default mixins(titleChange).extend({
 }
 
 .execution-icon.success {
-	color: $--custom-success-text-light;
+	color: var(--color-success);
 }
 
 .container {
diff --git a/packages/editor-ui/src/n8n-theme-variables.scss b/packages/editor-ui/src/n8n-theme-variables.scss
index 9e0c61695d..8fc006bfa5 100644
--- a/packages/editor-ui/src/n8n-theme-variables.scss
+++ b/packages/editor-ui/src/n8n-theme-variables.scss
@@ -18,16 +18,6 @@ $--custom-expression-background: #f7f5ff;
 
 $--custom-window-sidebar-top : #fff5f2;
 
-$--custom-error-background : #ffe5e5;
-$--custom-error-text : #eb2222;
-$--custom-running-background : #ffffe5;
-$--custom-running-text : #eb9422;
-$--custom-success-background : #e3f0e4;
-$--custom-success-text-light: #2f4;
-$--custom-success-text : #40c351;
-$--custom-warning-background : #ffffe5;
-$--custom-warning-text : #eb9422;
-
 // Badge
 $--badge-danger-color: #f45959;
 $--badge-danger-background-color: #fef0f0;
diff --git a/packages/editor-ui/src/plugins/compontents.ts b/packages/editor-ui/src/plugins/compontents.ts
index b3c04ddbdf..e9d6ee6db1 100644
--- a/packages/editor-ui/src/plugins/compontents.ts
+++ b/packages/editor-ui/src/plugins/compontents.ts
@@ -79,6 +79,8 @@ import {
 	Message,
 	Notification,
 } from 'element-ui';
+import CollapseTransition from 'element-ui/lib/transitions/collapse-transition';
+
 import lang from 'element-ui/lib/locale/lang/en';
 import locale from 'element-ui/lib/locale';
 
@@ -168,6 +170,8 @@ Vue.use(Calendar);
 Vue.use(Backtop);
 Vue.use(PageHeader);
 
+Vue.component(CollapseTransition.name, CollapseTransition)
+
 Vue.use(Loading.directive);
 
 Vue.prototype.$loading = Loading.service;