OpenSourceArk/mkdocs-material
1
0
Fork 0
mirror of https://github.com/squidfunk/mkdocs-material.git synced 2024-06-14 11:52:32 +03:00
Code Issues Packages Projects Releases Wiki Activity

Fixed sequence diagrams in Firefox

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
material/assets/javascripts/bundle.e21f8df8.min.js → material/assets/javascripts/bundle.078830c0.min.js vendored
View File

File diff suppressed because one or more lines are too long

4
material/assets/javascripts/bundle.e21f8df8.min.js.map → material/assets/javascripts/bundle.078830c0.min.js.map
View File

File diff suppressed because one or more lines are too long

2
material/base.html
View File

@ -245,7 +245,7 @@
</script> </script>
{% endblock %} {% endblock %}
{% block scripts %} {% 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 %} {% for path in config.extra_javascript %}
<script src="{{ path | url }}"></script> <script src="{{ path | url }}"></script>
{% endfor %} {% endfor %}

5
src/assets/javascripts/components/content/code/mermaid/index.css
View File

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

7
src/assets/javascripts/components/content/code/mermaid/index.ts
View File

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