-
-
Notifications
You must be signed in to change notification settings - Fork 67
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
Layout #255
Layout #255
Conversation
updated theme and added github installation build step
adding dist into repo so it will install via npm as a fork
attempt to wrap label text in a div
add padding to labels
hierarchical layout type space between nodes and on hover big label box
label style fix
highlight click fixed
Mnai 15075
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
✅ Deploy Preview for reagraph ready!
To edit notification comments on pull requests, go to your Netlify site configuration. |
@dtclinch - This looks interesting - happy to accept a pr |
@@ -63,10 +63,17 @@ export const useDrag = ({ | |||
}, | |||
onDrag: ({ event }) => { | |||
// Compute normalized mouse coordinates (screen space) | |||
const scrollX = window.scrollX || window.pageXOffset; |
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.
@ghsteff - 👀
@@ -11,10 +11,16 @@ export interface Theme { | |||
opacity: number; | |||
selectedOpacity: number; | |||
inactiveOpacity: number; | |||
showRing?: boolean; |
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.
If you pass null to the node for the ring, it will hide it.
@@ -227,7 +227,7 @@ export const Edges: FC<EdgesProps> = ({ | |||
<a.meshBasicMaterial | |||
attach="material-0" | |||
color={theme.edge.fill} | |||
depthTest={false} | |||
depthTest={true} |
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.
Curious why this changed
import { Color, ColorRepresentation, Euler } from 'three'; | ||
import ellipsize from 'ellipsize'; | ||
import { a } from '@react-spring/three'; | ||
|
||
const calculateTextSize = ( |
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.
We have something similar to this in reaviz - https://github.com/reaviz/reaviz/blob/master/src/common/utils/size.ts#L8
@amcdnl My apologies, it was raised by mistake, currently a lot of things are under experiments and testing phase, we are trying to add features like Zoomcharts network graphs. |
PR Checklist
Please check if your PR fulfills the following requirements:
PR Type
What kind of change does this PR introduce?
What is the current behavior?
Issue Number: N/A
What is the new behavior?
Does this PR introduce a breaking change?
Other information