diff --git a/src/diagrams/sequence/sequenceRenderer.js b/src/diagrams/sequence/sequenceRenderer.js index fcf41d28e..8d8094e6b 100644 --- a/src/diagrams/sequence/sequenceRenderer.js +++ b/src/diagrams/sequence/sequenceRenderer.js @@ -338,7 +338,7 @@ export const draw = function (text, id) { activationData.starty = verticalPos - 6 verticalPos += 12 } - svgDraw.drawActivation(diagram, activationData, verticalPos, conf) + svgDraw.drawActivation(diagram, activationData, verticalPos, conf, actorActivations(msg.from.actor).length) bounds.insert(activationData.startx, verticalPos - 10, activationData.stopx, verticalPos) } diff --git a/src/diagrams/sequence/svgDraw.js b/src/diagrams/sequence/svgDraw.js index 998c51a6a..aaabfea60 100644 --- a/src/diagrams/sequence/svgDraw.js +++ b/src/diagrams/sequence/svgDraw.js @@ -101,12 +101,12 @@ export const anchorElement = function (elem) { * @param bounds - activation box bounds * @param verticalPos - precise y cooridnate of bottom activation box edge */ -export const drawActivation = function (elem, bounds, verticalPos) { +export const drawActivation = function (elem, bounds, verticalPos, conf, actorActivations) { const rect = getNoteRect() const g = bounds.anchored rect.x = bounds.startx rect.y = bounds.starty - rect.class = 'activation' + rect.class = 'activation' + actorActivations rect.width = bounds.stopx - bounds.startx rect.height = verticalPos - bounds.starty drawRect(g, rect) diff --git a/src/themes/sequence.scss b/src/themes/sequence.scss index 1fc9622c7..572bcc07b 100644 --- a/src/themes/sequence.scss +++ b/src/themes/sequence.scss @@ -74,7 +74,17 @@ text.actor { font-size: 14px; } -.activation { +.activation0 { + fill: $activationBkgColor; + stroke: $activationBorderColor; +} + +.activation1 { + fill: $activationBkgColor; + stroke: $activationBorderColor; +} + +.activation2 { fill: $activationBkgColor; stroke: $activationBorderColor; }