Skip to content

Commit 0cab117

Browse files
authored
Tighten pipeline colour-bar spacing (#169)
The 1em margin under every lower pipeline colour bar kept the subtree handle clear, but it also left a large gap between operators and their outgoing edges. Remove that margin so edges sit close to the bars. The lower colour bar already follows the collapsible property body in the DOM. The body has zero height while properties are hidden and expands in place when they are shown, so removing the margin is sufficient. Hovering only reveals the absolutely positioned subtree handle and does not resize the node. Verified with the TypeScript build, the full ESLint check, and the forkshare, materialized, unionall, and magicunnesting pipeline plans on the development server.
1 parent 626f193 commit 0cab117

1 file changed

Lines changed: 0 additions & 2 deletions

File tree

query-graphs/src/ui/QueryNode.css

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -70,8 +70,6 @@
7070
}
7171
.qg-color-bar-below {
7272
margin-top: 4px;
73-
/* Keep the bar above the subtree +/- handle at the bottom of the node. */
74-
margin-bottom: 1em;
7573
}
7674
.qg-color-bar-seg {
7775
flex: 1 1 0;

0 commit comments

Comments
 (0)