diff --git a/src/components/grid-layout/cards/diagrams/diagram-styles.ts b/src/components/grid-layout/cards/diagrams/diagram-styles.ts index f98dcb725f..27c65314be 100644 --- a/src/components/grid-layout/cards/diagrams/diagram-styles.ts +++ b/src/components/grid-layout/cards/diagrams/diagram-styles.ts @@ -104,6 +104,20 @@ export const styles = { transform: 'unset !important', }, }, + nadDefaultCursors: { + '& .nad-branch-edges .nad-edge-path, & .nad-3wt-edges .nad-edge-path, & .nad-branch-edges .nad-winding, & .nad-3wt-nodes .nad-winding, & .nad-edge-infos': + { + cursor: 'pointer', + }, + }, + nadEditModeCursors: { + '& .nad-label-box': { + cursor: 'grab', + }, + '& .nad-edge-infos': { + cursor: 'default', + }, + }, paperBorders: (theme) => ({ borderLeft: '1px solid ' + theme.palette.action.disabled, borderBottom: '1px solid ' + theme.palette.action.disabledBackground, diff --git a/src/components/grid-layout/cards/diagrams/networkAreaDiagram/network-area-diagram-content.tsx b/src/components/grid-layout/cards/diagrams/networkAreaDiagram/network-area-diagram-content.tsx index d02df3af27..5cf3924f3a 100644 --- a/src/components/grid-layout/cards/diagrams/networkAreaDiagram/network-area-diagram-content.tsx +++ b/src/components/grid-layout/cards/diagrams/networkAreaDiagram/network-area-diagram-content.tsx @@ -393,7 +393,8 @@ function NetworkAreaDiagramContent(props: NetworkAreaDiagramContentProps) { styles.divDiagram, styles.divNetworkAreaDiagram, loadFlowStatus !== RunningStatus.SUCCEED ? styles.divDiagramInvalid : undefined, - isEditNadMode && !showLabels ? styles.hideLabels : undefined + isEditNadMode && !showLabels ? styles.hideLabels : undefined, + isEditNadMode ? styles.nadEditModeCursors : styles.nadDefaultCursors )} />