Fixed sequence diagrams in Firefox

Author: squidfunk

Diff for: material/assets/javascripts/bundle.e21f8df8.min.js renamed to material/assets/javascripts/bundle.078830c0.min.js

@@ -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 for: material/assets/javascripts/bundle.e21f8df8.min.js.map renamed to material/assets/javascripts/bundle.078830c0.min.js.map

@@ -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 for: material/base.html

@@ -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)