IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

Canvas: Fix ability to draw arrows (#77573)

Browse Source 
Co-authored-by: Adela Almasan <adela.almasan@grafana.com>
This commit is contained in:
Nathan Marrs 2023-11-02 14:55:31 -06:00 committed by GitHub
parent a4744a8f5e
commit fb2b1c2e13
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 12 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
public/app/plugins/panel/canvas/components/connections/ConnectionAnchors.tsx
View File

@ -88,6 +88,12 @@ export const ConnectionAnchors = ({ setRef, handleMouseLeave }: Props) => {
return (
<img
id={id}
ref={(element) => {
if (element) {
// After React 15+, inline styles no longer support !important
element.style.setProperty('pointer-events', 'auto', 'important');
}
}}
key={id}
alt={CONNECTION_ANCHOR_ALT}
className={styles.anchor}
@ -131,7 +137,6 @@ const getStyles = (theme: GrafanaTheme2) => ({
width: `calc(5px + 2 * ${ANCHOR_PADDING}px)`,
height: `calc(5px + 2 * ${ANCHOR_PADDING}px)`,
zIndex: 100,
pointerEvents: 'auto',
}),
highlightElement: css({
backgroundColor: '#00ff00',

11
public/app/plugins/panel/canvas/utils.ts
View File

@ -204,12 +204,13 @@ export const calculateCoordinates = (
if (info.targetName) {
const targetRect = target.div?.getBoundingClientRect();
if (targetRect) {
const targetHorizontalCenter = targetRect.left - parentRect.left + targetRect.width / 2;
const targetVerticalCenter = targetRect.top - parentRect.top + targetRect.height / 2;
const targetHorizontalCenter = targetRect!.left - parentRect.left + targetRect!.width / 2;
const targetVerticalCenter = targetRect!.top - parentRect.top + targetRect!.height / 2;
x2 = targetHorizontalCenter + (info.target.x * targetRect!.width) / 2;
y2 = targetVerticalCenter - (info.target.y * targetRect!.height) / 2;
x2 = targetHorizontalCenter + (info.target.x * targetRect.width) / 2;
y2 = targetVerticalCenter - (info.target.y * targetRect.height) / 2;
}
} else {
const parentHorizontalCenter = parentRect.width / 2;
const parentVerticalCenter = parentRect.height / 2;