alighasami/xyflow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #3601 from bcakmakoglu/refactor/handle-styles

Browse Source 
refactor(system,styles)!: use translate to align handles to center of its side
This commit is contained in:
Moritz Klack
2023-11-13 11:18:53 +01:00
committed by GitHub
parent b368b14b22 0aa1ff2d73
commit 7ecda0828d
2 changed files with 13 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.changeset/thin-dryers-worry.md
+5
View File
@@ -0,0 +1,5 @@
---
'@xyflow/system': major
---
Use css `translate` to align handles to the center of their side instead of using hard-coded 4px to each direction, otherwise handles with different sizes aren't correctly aligned by the default handle styles
packages/system/src/styles/init.css
+8 -8
View File
@@ -183,26 +183,26 @@
&-bottom { &-bottom {
top: auto; top: auto;
left: 50%; left: 50%;
bottom: -4px; bottom: 0;
transform: translate(-50%, 0); transform: translate(-50%, 50%);
} }
&-top { &-top {
top: 0;
left: 50%; left: 50%;
top: -4px; transform: translate(-50%, -50%);
transform: translate(-50%, 0);
} }
&-left { &-left {
top: 50%; top: 50%;
left: -4px; left: 0;
transform: translate(0, -50%); transform: translate(-50%, -50%);
} }
&-right { &-right {
right: -4px;
top: 50%; top: 50%;
transform: translate(0, -50%); right: 0;
transform: translate(50%, -50%);
} }
} }