Fixed Issue #7. Added cases to take into account the curvature of the…

… arrow.
yishn · May 1, 2018 · 43f0d9d · 43f0d9d
1 parent 798289c
commit 43f0d9d
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/src/components/GridEdge.js b/src/components/GridEdge.js
@@ -127,8 +127,12 @@ export default class GridEdge extends Component {
             this.setState({
                 labelX: `calc(50% + ${-width / 2 - 6.5}px)`,
                 labelY: ({
-                    left: bbox.y - height - heightDiff / 2 - 5,
-                    right: bbox.y + bbox.height + heightDiff / 2 + 5,
+                    left: this.props.bend > 0
+                        ? bbox.y - height / 2 - heightDiff * 2 - 10
+                        : bbox.y + bbox.height - height / 2 - heightDiff * 2 - 10,
+                    right: this.props.bend > 0
+                        ? bbox.y - height / 2 + heightDiff * 2 + 10
+                        : bbox.y + bbox.height - height / 2 + heightDiff * 2 + 10,
                     inside: this.props.bend > 0
                         ? bbox.y - height / 2
                         : bbox.y + bbox.height - height / 2