GitHub/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-02-04 07:13:25 +08:00
Code Issues Projects Releases Wiki Activity

Merge pull request #5338 from ad1992/aakansha/line-name

Browse Source 
feat: add name attribute and class "actor-line" to line
This commit is contained in:
Sidharth Vinod 2024-03-08 14:28:11 +00:00 committed by GitHub
commit 648f779e2c
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
8 changed files with 16 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
docs/config/theming.md
View File

@ -250,7 +250,7 @@ The theming engine will only recognize hex colors and not color names. So, the v
| actorBkg | mainBkg | Actor Background Color | | actorBkg | mainBkg | Actor Background Color |
| actorBorder | primaryBorderColor | Actor Border Color | | actorBorder | primaryBorderColor | Actor Border Color |
| actorTextColor | primaryTextColor | Actor Text Color | | actorTextColor | primaryTextColor | Actor Text Color |
| actorLineColor | grey | Actor Line Color | | actorLineColor | actorBorder | Actor Line Color |
| signalColor | textColor | Signal Color | | signalColor | textColor | Signal Color |
| signalTextColor | textColor | Signal Text Color | | signalTextColor | textColor | Signal Text Color |
| labelBoxBkgColor | actorBkg | Label Box Background Color | | labelBoxBkgColor | actorBkg | Label Box Background Color |

12
packages/mermaid/src/diagrams/sequence/svgDraw.js
View File

@ -343,10 +343,10 @@ const drawActorTypeParticipant = async function (elem, actor, conf, isFooter) {
.attr('y1', centerY) .attr('y1', centerY)
.attr('x2', center) .attr('x2', center)
.attr('y2', 2000) .attr('y2', 2000)
.attr('class', 'actor-line') .attr('class', 'actor-line 200')
.attr('class', '200')
.attr('stroke-width', '0.5px') .attr('stroke-width', '0.5px')
.attr('stroke', '#999'); .attr('stroke', '#999')
.attr('name', actor.name);
g = boxplusLineGroup.append('g'); g = boxplusLineGroup.append('g');
actor.actorCnt = actorCnt; actor.actorCnt = actorCnt;
@ -425,10 +425,10 @@ const drawActorTypeActor = async function (elem, actor, conf, isFooter) {
.attr('y1', centerY) .attr('y1', centerY)
.attr('x2', center) .attr('x2', center)
.attr('y2', 2000) .attr('y2', 2000)
.attr('class', 'actor-line') .attr('class', 'actor-line 200')
.attr('class', '200')
.attr('stroke-width', '0.5px') .attr('stroke-width', '0.5px')
.attr('stroke', '#999'); .attr('stroke', '#999')
.attr('name', actor.name);
actor.actorCnt = actorCnt; actor.actorCnt = actorCnt;
} }

2
packages/mermaid/src/docs/config/theming.md
View File

@ -172,7 +172,7 @@ The theming engine will only recognize hex colors and not color names. So, the v
| actorBkg | mainBkg | Actor Background Color | | actorBkg | mainBkg | Actor Background Color |
| actorBorder | primaryBorderColor | Actor Border Color | | actorBorder | primaryBorderColor | Actor Border Color |
| actorTextColor | primaryTextColor | Actor Text Color | | actorTextColor | primaryTextColor | Actor Text Color |
| actorLineColor | grey | Actor Line Color | | actorLineColor | actorBorder | Actor Line Color |
| signalColor | textColor | Signal Color | | signalColor | textColor | Signal Color |
| signalTextColor | textColor | Signal Text Color | | signalTextColor | textColor | Signal Text Color |
| labelBoxBkgColor | actorBkg | Label Box Background Color | | labelBoxBkgColor | actorBkg | Label Box Background Color |

2
packages/mermaid/src/themes/theme-base.js
View File

@ -70,7 +70,7 @@ class Theme {
this.actorBorder = this.actorBorder || this.primaryBorderColor; this.actorBorder = this.actorBorder || this.primaryBorderColor;
this.actorBkg = this.actorBkg || this.mainBkg; this.actorBkg = this.actorBkg || this.mainBkg;
this.actorTextColor = this.actorTextColor || this.primaryTextColor; this.actorTextColor = this.actorTextColor || this.primaryTextColor;
this.actorLineColor = this.actorLineColor || 'grey'; this.actorLineColor = this.actorLineColor || this.actorBorder;
this.labelBoxBkgColor = this.labelBoxBkgColor || this.actorBkg; this.labelBoxBkgColor = this.labelBoxBkgColor || this.actorBkg;
this.signalColor = this.signalColor || this.textColor; this.signalColor = this.signalColor || this.textColor;
this.signalTextColor = this.signalTextColor || this.textColor; this.signalTextColor = this.signalTextColor || this.textColor;

2
packages/mermaid/src/themes/theme-dark.js
View File

@ -109,7 +109,7 @@ class Theme {
this.actorBorder = this.border1; this.actorBorder = this.border1;
this.actorBkg = this.mainBkg; this.actorBkg = this.mainBkg;
this.actorTextColor = this.mainContrastColor; this.actorTextColor = this.mainContrastColor;
this.actorLineColor = this.mainContrastColor; this.actorLineColor = this.actorBorder;
this.signalColor = this.mainContrastColor; this.signalColor = this.mainContrastColor;
this.signalTextColor = this.mainContrastColor; this.signalTextColor = this.mainContrastColor;
this.labelBoxBkgColor = this.actorBkg; this.labelBoxBkgColor = this.actorBkg;

3
packages/mermaid/src/themes/theme-default.js
View File

@ -53,7 +53,7 @@ class Theme {
this.actorBorder = 'calculated'; this.actorBorder = 'calculated';
this.actorBkg = 'calculated'; this.actorBkg = 'calculated';
this.actorTextColor = 'black'; this.actorTextColor = 'black';
this.actorLineColor = 'grey'; this.actorLineColor = 'calculated';
this.signalColor = 'calculated'; this.signalColor = 'calculated';
this.signalTextColor = 'calculated'; this.signalTextColor = 'calculated';
this.labelBoxBkgColor = 'calculated'; this.labelBoxBkgColor = 'calculated';
@ -187,6 +187,7 @@ class Theme {
this.loopTextColor = this.actorTextColor; this.loopTextColor = this.actorTextColor;
this.noteBorderColor = this.border2; this.noteBorderColor = this.border2;
this.noteTextColor = this.actorTextColor; this.noteTextColor = this.actorTextColor;
this.actorLineColor = this.actorBorder;
/* Gantt chart variables */ /* Gantt chart variables */

3
packages/mermaid/src/themes/theme-forest.js
View File

@ -46,7 +46,7 @@ class Theme {
this.actorBorder = 'calculated'; this.actorBorder = 'calculated';
this.actorBkg = 'calculated'; this.actorBkg = 'calculated';
this.actorTextColor = 'black'; this.actorTextColor = 'black';
this.actorLineColor = 'grey'; this.actorLineColor = 'calculated';
this.signalColor = '#333'; this.signalColor = '#333';
this.signalTextColor = '#333'; this.signalTextColor = '#333';
this.labelBoxBkgColor = 'calculated'; this.labelBoxBkgColor = 'calculated';
@ -101,6 +101,7 @@ class Theme {
this.loopTextColor = this.actorTextColor; this.loopTextColor = this.actorTextColor;
this.noteBorderColor = this.border2; this.noteBorderColor = this.border2;
this.noteTextColor = this.actorTextColor; this.noteTextColor = this.actorTextColor;
this.actorLineColor = this.actorBorder;
/* Each color-set will have a background, a foreground and a border color */ /* Each color-set will have a background, a foreground and a border color */
this.cScale0 = this.cScale0 || this.primaryColor; this.cScale0 = this.cScale0 || this.primaryColor;

4
packages/mermaid/src/themes/theme-neutral.js
View File

@ -58,7 +58,7 @@ class Theme {
this.actorBorder = 'calculated'; this.actorBorder = 'calculated';
this.actorBkg = 'calculated'; this.actorBkg = 'calculated';
this.actorTextColor = 'calculated'; this.actorTextColor = 'calculated';
this.actorLineColor = 'calculated'; this.actorLineColor = this.actorBorder;
this.signalColor = 'calculated'; this.signalColor = 'calculated';
this.signalTextColor = 'calculated'; this.signalTextColor = 'calculated';
this.labelBoxBkgColor = 'calculated'; this.labelBoxBkgColor = 'calculated';
@ -113,7 +113,7 @@ class Theme {
this.actorBorder = lighten(this.border1, 23); this.actorBorder = lighten(this.border1, 23);
this.actorBkg = this.mainBkg; this.actorBkg = this.mainBkg;
this.actorTextColor = this.text; this.actorTextColor = this.text;
this.actorLineColor = this.lineColor; this.actorLineColor = this.actorBorder;
this.signalColor = this.text; this.signalColor = this.text;
this.signalTextColor = this.text; this.signalTextColor = this.text;
this.labelBoxBkgColor = this.actorBkg; this.labelBoxBkgColor = this.actorBkg;