Fixed animation of expanded navigation items

Author: squidfunk

material/templates/assets/stylesheets/main.78cf6014.min.css

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

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

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