From 920a608e5d395285c8d9800864a52e0ea7306123 Mon Sep 17 00:00:00 2001
From: lyzno1 <yuanyouhuilyz@gmail.com>
Date: Mon, 13 Oct 2025 16:40:14 +0800
Subject: [PATCH] fix(trigger-schedule): prevent timezone label truncation in
 node

- Change layout to ensure timezone label always visible with shrink-0
- Time text can truncate but timezone label stays intact
- Improves readability in constrained node space
---
 .../components/workflow/nodes/trigger-schedule/node.tsx  | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/web/app/components/workflow/nodes/trigger-schedule/node.tsx b/web/app/components/workflow/nodes/trigger-schedule/node.tsx
index c20729488a..2bafa6c090 100644
--- a/web/app/components/workflow/nodes/trigger-schedule/node.tsx
+++ b/web/app/components/workflow/nodes/trigger-schedule/node.tsx
@@ -19,12 +19,11 @@ const Node: FC<NodeProps<ScheduleTriggerNodeType>> = ({
         {t(`${i18nPrefix}.nextExecutionTime`)}
       </div>
       <div className="flex h-[26px] items-center rounded-md bg-workflow-block-parma-bg px-2 text-xs text-text-secondary">
-        <div className="w-0 grow">
-          <div className="truncate" title={`${getNextExecutionTime(data)} ${data.timezone}`}>
+        <div className="flex w-0 grow items-center gap-1 overflow-hidden">
+          <span className="truncate" title={`${getNextExecutionTime(data)} ${data.timezone}`}>
             {getNextExecutionTime(data)}
-            {' '}
-            <TimezoneLabel timezone={data.timezone} inline className="text-xs" />
-          </div>
+          </span>
+          <TimezoneLabel timezone={data.timezone} inline className="shrink-0 text-xs" />
         </div>
       </div>
     </div>