wip: connection outlines

bpmn-io · Nov 9, 2023 · 1c2aac0 · 1c2aac0
1 parent eee0401
commit 1c2aac0
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/assets/diagram-js.css b/assets/diagram-js.css
@@ -121,8 +121,13 @@
   stroke: var(--element-selected-outline-stroke-color);
 }
 
+.djs-connection.selected .djs-outline {
+  visibility: hidden;
+}
+
 .djs-multi-select .djs-element.selected .djs-outline {
   stroke: var(--element-selected-outline-secondary-stroke-color);
+  visibility: visible;
 }
 
 .djs-shape.connect-ok .djs-visual > :nth-child(1) {

diff --git a/lib/features/context-pad/ContextPad.js b/lib/features/context-pad/ContextPad.js
@@ -23,6 +23,9 @@ import {
   escapeCSS
 } from '../../util/EscapeUtil';
 
+import { isConnection } from '../../util/ModelUtil';
+
+
 /**
  * @typedef {import('../../model/Types').Element} Element
  *
@@ -513,6 +516,7 @@ ContextPad.prototype.isShown = function() {
  */
 ContextPad.prototype._getPosition = function(target) {
 
+  target = isConnection(target) ? target.waypoints[target.waypoints.length - 1] : target;
   var elements = isArray(target) ? target : [ target ];
   var bBox = getBBox(elements);