OpenSourceArk/mkdocs-material
1
0
Fork 0
mirror of https://github.com/squidfunk/mkdocs-material.git synced 2024-06-14 11:52:32 +03:00
Code Issues Packages Projects Releases Wiki Activity

Fixed animation of expanded navigation items

Browse Source
This commit is contained in:
squidfunk
2023-11-19 10:45:45 +01:00
parent 5a42f9f2d2
commit dcc296e42e
6 changed files with 10 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
material/templates/assets/stylesheets/main.78cf6014.min.css vendored
View File

File diff suppressed because one or more lines are too long

1
material/templates/assets/stylesheets/main.78cf6014.min.css.map
View File

File diff suppressed because one or more lines are too long

1
material/templates/assets/stylesheets/main.fad675c6.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
material/templates/assets/stylesheets/main.fad675c6.min.css.map Normal file
View File

File diff suppressed because one or more lines are too long

2
material/templates/base.html
View File

@@ -44,7 +44,7 @@
{% endif %} {% endif %}
{% endblock %} {% endblock %}
{% block styles %} {% block styles %}
<link rel="stylesheet" href="{{ 'assets/stylesheets/main.78cf6014.min.css' | url }}"> <link rel="stylesheet" href="{{ 'assets/stylesheets/main.fad675c6.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.356b1318.min.css' | url }}"> <link rel="stylesheet" href="{{ 'assets/stylesheets/palette.356b1318.min.css' | url }}">

9
src/templates/assets/stylesheets/main/components/_nav.scss
View File

@@ -567,7 +567,7 @@
} }
// Show nested navigation when toggle is active or indeterminate // Show nested navigation when toggle is active or indeterminate
&__toggle:is(:checked, :indeterminate) ~ & { &__toggle:is(:checked, .md-toggle--indeterminate) ~ & {
grid-template-rows: 1fr; grid-template-rows: 1fr;
visibility: visible; visibility: visible;
opacity: 1; opacity: 1;
@@ -577,6 +577,11 @@
visibility 0ms; visibility 0ms;
} }
// Disable transition for expanded navigation
&__toggle.md-toggle--indeterminate ~ & {
transition: none;
}
// Hide navigation title in nested navigation // Hide navigation title in nested navigation
&__item--nested > & > &__title { &__item--nested > & > &__title {
display: none; display: none;
@@ -661,7 +666,7 @@
// Navigation icon - rotate icon when toggle is active or indeterminate // 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:checked ~ .md-nav__link &,
.md-nav__item--nested .md-nav__toggle:indeterminate ~ .md-nav__link & { .md-nav__item--nested .md-toggle--indeterminate ~ .md-nav__link & {
transform: rotate(90deg); transform: rotate(90deg);
} }
} }