Fixed rendering issue for rotated annotation icons in Firefox (#5937)

Co-authored-by: Martin Donath <martin.donath@squidfunk.com>
squidfunk · Sep 2, 2023 · ec709b4 · ec709b4
1 parent 3eb1887
commit ec709b4
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 1 deletion.
diff --git a/material/assets/stylesheets/main.f814a825.min.css b/material/assets/stylesheets/main.f814a825.min.css
diff --git a/material/assets/stylesheets/main.f814a825.min.css.map b/material/assets/stylesheets/main.f814a825.min.css.map
diff --git a/material/base.html b/material/base.html
@@ -44,7 +44,7 @@
       {% endif %}
     {% endblock %}
     {% block styles %}
-      <link rel="stylesheet" href="{{ 'assets/stylesheets/main.43b9b3ee.min.css' | url }}">
+      <link rel="stylesheet" href="{{ 'assets/stylesheets/main.f814a825.min.css' | url }}">
       {% if config.theme.palette %}
         {% set palette = config.theme.palette %}
         <link rel="stylesheet" href="{{ 'assets/stylesheets/palette.85d0ee34.min.css' | url }}">

diff --git a/src/assets/stylesheets/main/components/_tooltip.scss b/src/assets/stylesheets/main/components/_tooltip.scss
@@ -162,6 +162,12 @@
       transition: z-index 250ms;
     }
 
+    // Hack: Work around Firefox bug that renders a subpixel outline when
+    // rotating a mask image element.
+    // https://bugzilla.mozilla.org/show_bug.cgi?id=1671784
+    overflow: hidden; // stylelint-disable-line order/properties-order
+    border-radius: 0.01px;
+
     // [screen]: Render annotation markers as icons
     @media screen {
       width: 2.2ch;