Skip to content

Commit 9f593d1

Browse files
andresdjassoclaude
andcommitted
style(workflow): pin the canvas title to the 30px chrome midline
With a chat docked the toggle/switcher pills hide and the chrome cluster collapsed to the title's own line-height, floating it ~5px above the chat title across the divider. The cluster now holds a fixed 30px height, so the workflow title centers on the same y=22 midline in both states and nothing shifts when the chat closes. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
1 parent 9974073 commit 9f593d1

1 file changed

Lines changed: 5 additions & 1 deletion

File tree

  • apps/sim/app/workspace/[workspaceId]/w/[workflowId]

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/workflow.tsx

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4251,7 +4251,11 @@ const WorkflowContent = React.memo(
42514251
chat pane's title bar carries them); the title stays — it's the
42524252
editor's identity. */}
42534253
{!embedded && (
4254-
<div className='absolute top-[7px] left-[7px] z-10 flex items-center gap-1'>
4254+
/* Fixed 30px height so the title centers on the same midline
4255+
(y=22) whether or not the 30px control pills render — without
4256+
it the docked state floats the title to the text's own
4257+
line-height. */
4258+
<div className='absolute top-[7px] left-[7px] z-10 flex h-[30px] items-center gap-1'>
42554259
{!chatDock?.isOpen && (
42564260
<>
42574261
<SidebarToggle />

0 commit comments

Comments
 (0)