Skip to content

Conversation

RunDevelopment
Copy link
Member

This implements the CSS positions I talked about here. The trick is simple: we have a 1x1 box that is the node, and then we use CSS to absolute position the actual handles.

Other changes:

  • I used a Center to center the handles instead of 2 Flex components.
  • I removed the unused breakpoints property.

@joeyballentine
Copy link
Member

joeyballentine commented Feb 11, 2024

image

Something with the way you are positioning these now causes the edge to not be perfectly around the circumference.

EDIT: this is only for the node-to-breakpoint connections, not the breakpoint-to-breakpoint ones

@joeyballentine
Copy link
Member

oh never mind, this is an issue even on my branch and i just hadn't noticed

@joeyballentine joeyballentine merged commit 1fbe8b9 into chaiNNer-org:breakpoints Feb 11, 2024
@RunDevelopment RunDevelopment deleted the breaking-point branch February 11, 2024 23:05
joeyballentine added a commit that referenced this pull request Feb 11, 2024
* wip nonworking breakpoints

* got it working using a node type

* it's working

* Revert customedge

* Fix breakpoint position

* Adjust position and styling

* rename class

* stylelint is apparently broken for me

* Fix the centering issue

* Partially curved beziers for the breakpointed edges attached to nodes

* fixes

* Hold alt + click to add breakpoint

* double click to remove breakpoint

* Float edges around breakpoint circumference

* Fix offset

* Snap breakpoints aligned with center

* Improved snapping for breakpoints (#2577)

Improved snapping

* Fix offset issue

---------

Co-authored-by: Michael Schmidt <mitchi5000.ms@googlemail.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants