1
0
mirror of https://github.com/squidfunk/mkdocs-material.git synced 2025-02-07 14:31:26 +01:00

Fixed rendering errors in Firefox

This commit is contained in:
squidfunk 2023-02-22 19:08:38 +01:00
parent 6239b71f00
commit 1663d84b02
6 changed files with 16 additions and 16 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -40,7 +40,7 @@
{% endif %} {% endif %}
{% endblock %} {% endblock %}
{% block styles %} {% block styles %}
<link rel="stylesheet" href="{{ 'assets/stylesheets/main.ffa9267a.min.css' | url }}"> <link rel="stylesheet" href="{{ 'assets/stylesheets/main.113286f1.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.a0c5b2b5.min.css' | url }}"> <link rel="stylesheet" href="{{ 'assets/stylesheets/palette.a0c5b2b5.min.css' | url }}">

View File

@ -549,14 +549,7 @@
width: px2rem(18px); width: px2rem(18px);
height: px2rem(18px); height: px2rem(18px);
border-radius: 100%; border-radius: 100%;
transition: transition: background-color 250ms;
background-color 250ms,
transform 250ms;
// Adjust for right-to-left languages
[dir="rtl"] & {
transform: rotate(180deg);
}
// Navigation icon on hover // Navigation icon on hover
&:hover { &:hover {
@ -574,13 +567,20 @@
mask-position: center; mask-position: center;
mask-repeat: no-repeat; mask-repeat: no-repeat;
mask-size: contain; mask-size: contain;
border-radius: 100%;
transition: transform 250ms;
content: ""; content: "";
}
// Navigation icon - rotate icon when toggle is active or indeterminate // Adjust for right-to-left languages
.md-nav__item--nested .md-nav__toggle:checked ~ .md-nav__link &, [dir="rtl"] & {
.md-nav__item--nested .md-nav__toggle:indeterminate ~ .md-nav__link & { transform: rotate(180deg);
transform: rotate(90deg); }
// Navigation icon - rotate icon when toggle is active or indeterminate
.md-nav__item--nested .md-nav__toggle:checked ~ .md-nav__link &,
.md-nav__item--nested .md-nav__toggle:indeterminate ~ .md-nav__link & {
transform: rotate(90deg);
}
} }
} }