marcel/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-09-18 06:49:47 +02:00
Code Issues Packages Projects Releases Wiki Activity

Test of font-settings for correct image snapshots

Browse Source
This commit is contained in:
Knut Sveidqvist
2019-10-12 09:16:33 +02:00
parent a258eda035
commit 2da55993e0
3 changed files with 7 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
cypress/platform/e2e.html
View File

@@ -1,11 +1,11 @@
<html> <html>
<head> <head>
<script src="/e2e.js"></script> <script src="/e2e.js"></script>
<lnk <style>
href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" mermaid, svg {
rel="stylesheet" font-family: 'Courier New', Courier, monospace;
/> }
<style></style> </style>
</head> </head>
<body> <body>
<script src="./mermaid.js"></script> <script src="./mermaid.js"></script>

2
src/diagrams/state/shapes.js
View File

@@ -404,8 +404,6 @@ export const drawEdge = function(elem, path, relation) {
const g = elem.append('g').attr('class', 'stateLabel'); const g = elem.append('g').attr('class', 'stateLabel');
const label = g const label = g
.append('text') .append('text')
.attr('class', 'label')
.attr('fill', 'red')
.attr('text-anchor', 'middle') .attr('text-anchor', 'middle')
.text(relation.title); .text(relation.title);
const { x, y } = utils.calcLabelPosition(path.points); const { x, y } = utils.calcLabelPosition(path.points);

5
src/themes/state.scss
View File

@@ -1,7 +1,6 @@
g.stateGroup text { g.stateGroup text {
fill: $nodeBorder; fill: $nodeBorder;
stroke: none; stroke: none;
font-family: 'trebuchet ms', verdana, arial;
font-size: 10px; font-size: 10px;
} }
@@ -38,7 +37,6 @@ g.stateGroup line {
text { text {
fill: black; fill: black;
stroke: none; stroke: none;
font-family: 'trebuchet ms', verdana, arial;
font-size: 10px; font-size: 10px;
} }
} }
@@ -50,7 +48,8 @@ g.stateGroup line {
opacity: 0.5; opacity: 0.5;
} }
.stateLabel .label { .stateLabel text {
fill: $labelColor; fill: $labelColor;
font-size: 10px; font-size: 10px;
font-weight: bold;
} }