-
Notifications
You must be signed in to change notification settings - Fork 1
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
feat: Introduce edge marker as cardinality icon #319
Conversation
4b34223
to
750e32c
Compare
<text | ||
x="15.5" | ||
y="-8" | ||
textAnchor="middle" | ||
fontSize="8" | ||
fill="currentColor" | ||
dominantBaseline="hanging" | ||
> | ||
1 | ||
</text> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
📝 includes cardinality notation into SVG marker
750e32c
to
fde3087
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Cool!! I've wrote some comments!!
frontend/packages/erd-core/src/components/ERDRenderer/ERDContent/ERDContent.tsx
Outdated
Show resolved
Hide resolved
frontend/packages/erd-core/src/components/ERDRenderer/ERDContent/RelationshipEdge/type.ts
Outdated
Show resolved
Hide resolved
{isHighlighted && ( | ||
<text | ||
x="6" | ||
y="-9" | ||
textAnchor="middle" | ||
fontSize="9" | ||
fill="currentColor" | ||
dominantBaseline="hanging" | ||
> | ||
n | ||
</text> | ||
)} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I see 👀 Great!!
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
awesome!
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM 🚀
...ackages/erd-core/src/components/ERDRenderer/ERDContent/RelationshipEdge/RelationshipEdge.tsx
Outdated
Show resolved
Hide resolved
5e8afa6
to
1a5a94d
Compare
1a5a94d
to
5065da0
Compare
5065da0
to
a3c895c
Compare
Summary
rebuild #311 for production ready.
2024-12-19.17.03.33.mov
highlightedHandles
logic may not be necessary, but it would be good to create another PR.Edge Markers
This PR's key concept is using
Edge Markers
.Displaying / Hiding of cardinalities are always linked to edge.
https://reactflow.dev/examples/edges/markers
Related Issue
Changes
Testing
Other Information