Fixed sequence diagrams in Firefox

This commit is contained in:
squidfunk 2022-09-30 20:19:43 +02:00
parent ebe186a7fe
commit 60ea10a028
5 changed files with 14 additions and 8 deletions

View File

@ -245,7 +245,7 @@
</script>
{% endblock %}
{% block scripts %}
<script src="{{ 'assets/javascripts/bundle.e21f8df8.min.js' | url }}"></script>
<script src="{{ 'assets/javascripts/bundle.078830c0.min.js' | url }}"></script>
{% for path in config.extra_javascript %}
<script src="{{ path | url }}"></script>
{% endfor %}

View File

@ -337,9 +337,10 @@ line {
stroke: var(--md-mermaid-edge-color);
}
/* Sequence message and loop text */
/* Sequence message, loop and note text */
.messageText,
.loopText > tspan {
.loopText > tspan,
.noteText > tspan {
font-family: var(--md-mermaid-font-family) !important;
fill: var(--md-mermaid-edge-color);
stroke: none;

View File

@ -92,7 +92,12 @@ export function mountMermaid(
.pipe(
tap(() => mermaid.initialize({
startOnLoad: false,
themeCSS
themeCSS,
sequence: {
actorFontSize: "16px", // Hack: mitigate https://bit.ly/3y0NEi3
messageFontSize: "16px",
noteFontSize: "16px"
}
})),
map(() => undefined),
shareReplay(1)