Fixed sequence diagrams in Firefox

squidfunk · Sep 30, 2022 · 60ea10a · 60ea10a
1 parent ebe186a
commit 60ea10a
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 8 deletions.
diff --git a/...assets/javascripts/bundle.e21f8df8.min.js → ...assets/javascripts/bundle.078830c0.min.js b/...assets/javascripts/bundle.e21f8df8.min.js → ...assets/javascripts/bundle.078830c0.min.js
diff --git a/...ts/javascripts/bundle.e21f8df8.min.js.map → ...ts/javascripts/bundle.078830c0.min.js.map b/...ts/javascripts/bundle.e21f8df8.min.js.map → ...ts/javascripts/bundle.078830c0.min.js.map
diff --git a/material/base.html b/material/base.html
@@ -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 %}

diff --git a/src/assets/javascripts/components/content/code/mermaid/index.css b/src/assets/javascripts/components/content/code/mermaid/index.css
@@ -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;

diff --git a/src/assets/javascripts/components/content/code/mermaid/index.ts b/src/assets/javascripts/components/content/code/mermaid/index.ts
@@ -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)