From 2343634c641cc0c875b391df786cf3725f5e613e Mon Sep 17 00:00:00 2001
From: Alex Grozav <alex@grozav.com>
Date: Mon, 7 Oct 2024 17:15:25 +0300
Subject: [PATCH] fix(editor): Make sure deactivated status shows even for
 nodes with long names on new canvas (no-changelog) (#11142)

---
 .../nodes/render-types/CanvasNodeDefault.vue  |  7 +++++--
 .../CanvasNodeDefault.spec.ts.snap            | 20 +++++++++----------
 2 files changed, 15 insertions(+), 12 deletions(-)

diff --git a/packages/editor-ui/src/components/canvas/elements/nodes/render-types/CanvasNodeDefault.vue b/packages/editor-ui/src/components/canvas/elements/nodes/render-types/CanvasNodeDefault.vue
index fa99d723bb6..74bce00cfd6 100644
--- a/packages/editor-ui/src/components/canvas/elements/nodes/render-types/CanvasNodeDefault.vue
+++ b/packages/editor-ui/src/components/canvas/elements/nodes/render-types/CanvasNodeDefault.vue
@@ -126,7 +126,9 @@ function openContextMenu(event: MouseEvent) {
 		<div :class="$style.description">
 			<div v-if="label" :class="$style.label">
 				{{ label }}
-				<div v-if="isDisabled">({{ i18n.baseText('node.disabled') }})</div>
+			</div>
+			<div v-if="isDisabled" :class="$style.disabledLabel">
+				({{ i18n.baseText('node.disabled') }})
 			</div>
 			<div v-if="subtitle" :class="$style.subtitle">{{ subtitle }}</div>
 		</div>
@@ -265,7 +267,8 @@ function openContextMenu(event: MouseEvent) {
 	align-items: center;
 }
 
-.label {
+.label,
+.disabledLabel {
 	font-size: var(--font-size-m);
 	text-align: center;
 	text-overflow: ellipsis;
diff --git a/packages/editor-ui/src/components/canvas/elements/nodes/render-types/__snapshots__/CanvasNodeDefault.spec.ts.snap b/packages/editor-ui/src/components/canvas/elements/nodes/render-types/__snapshots__/CanvasNodeDefault.spec.ts.snap
index 386a3c5982b..0f4170b92e7 100644
--- a/packages/editor-ui/src/components/canvas/elements/nodes/render-types/__snapshots__/CanvasNodeDefault.spec.ts.snap
+++ b/packages/editor-ui/src/components/canvas/elements/nodes/render-types/__snapshots__/CanvasNodeDefault.spec.ts.snap
@@ -17,9 +17,9 @@ exports[`CanvasNodeDefault > configurable > should render configurable node corr
     <div
       class="label"
     >
-      Test Node 
-      <!--v-if-->
+      Test Node
     </div>
+    <!--v-if-->
     <div
       class="subtitle"
     >
@@ -46,9 +46,9 @@ exports[`CanvasNodeDefault > configuration > should render configurable configur
     <div
       class="label"
     >
-      Test Node 
-      <!--v-if-->
+      Test Node
     </div>
+    <!--v-if-->
     <div
       class="subtitle"
     >
@@ -75,9 +75,9 @@ exports[`CanvasNodeDefault > configuration > should render configuration node co
     <div
       class="label"
     >
-      Test Node 
-      <!--v-if-->
+      Test Node
     </div>
+    <!--v-if-->
     <div
       class="subtitle"
     >
@@ -104,9 +104,9 @@ exports[`CanvasNodeDefault > should render node correctly 1`] = `
     <div
       class="label"
     >
-      Test Node 
-      <!--v-if-->
+      Test Node
     </div>
+    <!--v-if-->
     <div
       class="subtitle"
     >
@@ -156,9 +156,9 @@ exports[`CanvasNodeDefault > trigger > should render trigger node correctly 1`]
     <div
       class="label"
     >
-      Test Node 
-      <!--v-if-->
+      Test Node
     </div>
+    <!--v-if-->
     <div
       class="subtitle"
     >