From 388b2588a4350e4a9e04680e3327c91d18b0fcea Mon Sep 17 00:00:00 2001 From: Nick Lawrence Date: Fri, 4 Apr 2025 16:05:39 -0400 Subject: [PATCH 1/4] When horizontal, remove the border from all control buttons --- packages/system/src/styles/style.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/packages/system/src/styles/style.css b/packages/system/src/styles/style.css index cb6f2b7c..5e767630 100644 --- a/packages/system/src/styles/style.css +++ b/packages/system/src/styles/style.css @@ -158,4 +158,8 @@ &-button:last-child { border-bottom: none; } + + &.horizontal &-button { + border-bottom: none; + } } From 69e886a17fadb72a9c2d13391679ab72f2d1d642 Mon Sep 17 00:00:00 2001 From: moklick Date: Mon, 14 Apr 2025 13:46:03 +0200 Subject: [PATCH 2/4] chore(controls): add border-right for horizontal controls --- packages/system/src/styles/style.css | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/packages/system/src/styles/style.css b/packages/system/src/styles/style.css index 5e767630..dd9cbaed 100644 --- a/packages/system/src/styles/style.css +++ b/packages/system/src/styles/style.css @@ -160,6 +160,14 @@ } &.horizontal &-button { - border-bottom: none; + border-right: 1px solid + var( + --xy-controls-button-border-color-props, + var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) + ); + } + + &.horizontal &-button:last-child { + border-right: none; } } From 3b63c1b2bf67ff81b07e4a70288efdaebc7e330d Mon Sep 17 00:00:00 2001 From: moklick Date: Mon, 14 Apr 2025 13:47:12 +0200 Subject: [PATCH 3/4] chore(controls): add border-right for horizontal controls --- packages/system/src/styles/style.css | 1 + 1 file changed, 1 insertion(+) diff --git a/packages/system/src/styles/style.css b/packages/system/src/styles/style.css index dd9cbaed..a6e5f9da 100644 --- a/packages/system/src/styles/style.css +++ b/packages/system/src/styles/style.css @@ -160,6 +160,7 @@ } &.horizontal &-button { + border-bottom: none; border-right: 1px solid var( --xy-controls-button-border-color-props, From 98fe23c7c2b12972f1b7def866215ce82a86e2c0 Mon Sep 17 00:00:00 2001 From: moklick Date: Mon, 14 Apr 2025 13:47:59 +0200 Subject: [PATCH 4/4] chore(changeset): add --- .changeset/serious-jeans-tap.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/serious-jeans-tap.md diff --git a/.changeset/serious-jeans-tap.md b/.changeset/serious-jeans-tap.md new file mode 100644 index 00000000..3e8825bf --- /dev/null +++ b/.changeset/serious-jeans-tap.md @@ -0,0 +1,5 @@ +--- +'@xyflow/system': patch +--- + +Add separators to horizontal control buttons