From d33528dab399bc01461ab5e3af1fbb75e5d89d91 Mon Sep 17 00:00:00 2001
From: Csaba Tuncsik <csaba@n8n.io>
Date: Fri, 28 Jul 2023 13:09:44 +0200
Subject: [PATCH] fix(editor): Fix collapsed sub menu elements (#6778)

---
 .../src/components/N8nMenuItem/MenuItem.vue   | 37 ++++++++-----------
 1 file changed, 16 insertions(+), 21 deletions(-)

diff --git a/packages/design-system/src/components/N8nMenuItem/MenuItem.vue b/packages/design-system/src/components/N8nMenuItem/MenuItem.vue
index fe2be58207..2e9cfe8581 100644
--- a/packages/design-system/src/components/N8nMenuItem/MenuItem.vue
+++ b/packages/design-system/src/components/N8nMenuItem/MenuItem.vue
@@ -25,7 +25,7 @@
 				v-for="child in availableChildren"
 				:key="child.id"
 				:item="child"
-				:compact="compact"
+				:compact="false"
 				:tooltipDelay="tooltipDelay"
 				:popperClass="popperClass"
 				:mode="mode"
@@ -184,22 +184,6 @@ export default defineComponent({
 	--sub-menu-item-height: 27px;
 }
 
-@mixin compact() {
-	.icon {
-		margin: 0;
-		overflow: visible !important;
-		visibility: visible !important;
-		width: initial !important;
-		height: initial !important;
-	}
-	.label {
-		display: none;
-	}
-	.secondaryIcon {
-		display: none;
-	}
-}
-
 .submenu {
 	background: none !important;
 
@@ -307,7 +291,19 @@ export default defineComponent({
 }
 
 .compact {
-	@include compact();
+	.icon {
+		margin: 0;
+		overflow: visible !important;
+		visibility: visible !important;
+		width: initial !important;
+		height: initial !important;
+	}
+	.label {
+		display: none;
+	}
+	.secondaryIcon {
+		display: none;
+	}
 }
 
 .submenuPopper {
@@ -327,9 +323,8 @@ export default defineComponent({
 	}
 
 	&.compact {
-		:global(.el-menu--popup) {
-			min-width: auto;
-			@include compact();
+		.label {
+			display: inline-block;
 		}
 	}
 }