From 00555e4557ecbd9b80ce452f4ef502f9e61a1f92 Mon Sep 17 00:00:00 2001 From: Diego Imbert Date: Wed, 30 Sep 2026 14:25:52 +0200 Subject: [PATCH] style: borderless pipeline cards on the main surface, like flow steps Co-Authored-By: Claude Opus 5.5 (1M context) --- .../components/assets/AssetGraph/PipelineNodeCard.svelte | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/frontend/src/lib/components/assets/AssetGraph/PipelineNodeCard.svelte b/frontend/src/lib/components/assets/AssetGraph/PipelineNodeCard.svelte index 8c8c66ca7e..9d6dcc7af1 100644 --- a/frontend/src/lib/components/assets/AssetGraph/PipelineNodeCard.svelte +++ b/frontend/src/lib/components/assets/AssetGraph/PipelineNodeCard.svelte @@ -57,6 +57,13 @@ and the controls hung around the card. 'flex items-center w-full text-left font-normal rounded-md drop-shadow-sm overflow-hidden border transition-colors', surface === 'primary' ? 'bg-surface' : 'bg-surface-secondary', 'border-gray-400 dark:border-gray-600 hover:border-gray-500 dark:hover:border-gray-500', + // Like a flow step: a card with a background needs no edge, only its shadow, + // until one of the states below draws one. + surface === 'primary' && + !draft && + !selected && + !tone && + 'border-transparent dark:border-transparent hover:border-transparent dark:hover:border-transparent', draft && 'border-dashed border-gray-400 dark:border-gray-500', // Like a selected flow step: the fill and the edge colour change, the edge's // width and dashes stay.