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
This commit is contained in:
lyzno1 2025-10-13 16:40:14 +08:00
parent 4dfb8b988c
commit 920a608e5d
No known key found for this signature in database
1 changed files with 4 additions and 5 deletions

View File

@ -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>