Mark higher-level nodes with "New" pill as well, not only the actual item (#2429)

* Mark higher-level nodes with "New pill", not only the actual item

* Before review

* Update docs/js/custom.js

Co-authored-by: Dariusz Szut <dew326@gmail.com>

* Applied review suggestion

Co-authored-by: Adrien Dupuis <61695653+adriendupuis@users.noreply.github.com>

---------

Co-authored-by: Dariusz Szut <dew326@gmail.com>
Co-authored-by: Adrien Dupuis <61695653+adriendupuis@users.noreply.github.com>

Author: 3 people

docs/js/custom.js

@@ -202,4 +202,7 @@ $(document).ready(function() {
             closeBtn.closest('.notification').setAttribute('hidden', 'hidden');
         });
     });
+
+    // Mark higher-level nodes with "New" pill, not only the actual item
+    $(".pill.new:not([hidden])").parents(".md-nav__item").children('label').children(".pill.new[hidden]").removeAttr('hidden');
 });

theme/partials/nav-item.html

@@ -7,7 +7,7 @@
     {% set checked = "checked" if nav_item.active %}
     <input class="md-nav__toggle md-toggle" data-md-toggle="{{ path }}" type="checkbox" id="{{ path }}" {{ checked }}>
     <label class="md-nav__link level-{{ level }}" for="{{ path }}">
-      {{ nav_item.title }}
+      {{ nav_item.title }} <span class="pill new" hidden>New</span>
     </label>
     <nav class="md-nav" aria-label="{{ nav_item.title }}" data-md-level="{{ level }}">
       <label class="md-nav__link-title md-nav__link level-{{ level }}" for="{{ path }}">