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

Co-authored-by: Martin Donath <martin.donath@squidfunk.com>
This commit is contained in:
Sigurd Spieckermann 2023-09-02 18:51:49 +02:00 committed by GitHub
parent 3eb1887f6b
commit ec709b4f0e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 9 additions and 1 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -44,7 +44,7 @@
{% endif %} {% endif %}
{% endblock %} {% endblock %}
{% block styles %} {% 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 %} {% if config.theme.palette %}
{% set palette = config.theme.palette %} {% set palette = config.theme.palette %}
<link rel="stylesheet" href="{{ 'assets/stylesheets/palette.85d0ee34.min.css' | url }}"> <link rel="stylesheet" href="{{ 'assets/stylesheets/palette.85d0ee34.min.css' | url }}">

View File

@ -162,6 +162,12 @@
transition: z-index 250ms; 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 // [screen]: Render annotation markers as icons
@media screen { @media screen {
width: 2.2ch; width: 2.2ch;