From ffc033ff8ff391be09da8dbd62f8eb06a94f6cb0 Mon Sep 17 00:00:00 2001
From: Csaba Tuncsik <csaba@n8n.io>
Date: Fri, 28 Apr 2023 12:29:32 +0200
Subject: [PATCH] fix(editor): Change execution list tab loader design (#6120)

---
 .../components/ExecutionsView/ExecutionsSidebar.vue | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/packages/editor-ui/src/components/ExecutionsView/ExecutionsSidebar.vue b/packages/editor-ui/src/components/ExecutionsView/ExecutionsSidebar.vue
index 56ec6e4c73c47..9db935ee07ed0 100644
--- a/packages/editor-ui/src/components/ExecutionsView/ExecutionsSidebar.vue
+++ b/packages/editor-ui/src/components/ExecutionsView/ExecutionsSidebar.vue
@@ -25,10 +25,8 @@
 			data-test-id="current-executions-list"
 			@scroll="loadMore(20)"
 		>
-			<div v-if="loading" class="mr-m">
-				<n8n-loading variant="p" :rows="1" />
-				<n8n-loading variant="p" :rows="1" />
-				<n8n-loading variant="p" :rows="1" />
+			<div v-if="loading" class="mr-l">
+				<n8n-loading variant="rect" />
 			</div>
 			<div v-if="!loading && executions.length === 0" :class="$style.noResultsContainer">
 				<n8n-text color="text-base" size="medium" align="center">
@@ -291,3 +289,10 @@ export default defineComponent({
 	text-align: center;
 }
 </style>
+
+<style lang="scss" scoped>
+:deep(.el-skeleton__item) {
+	height: 60px;
+	border-radius: 0;
+}
+</style>