"new" pill in the ToC (#2394)

Author: adriendupuis

docs/administration/recent_activity/recent_activity.md

@@ -1,5 +1,6 @@
 ---
 description: Log and monitor activity through UI, PHP API and REST API.
+month_change: true
 ---
 
 # Recent activity [[% include 'snippets/experience_badge.md' %]] [[% include 'snippets/commerce_badge.md' %]]

docs/api/php_api/php_api.md

@@ -1,11 +1,12 @@
 ---
 description: Public PHP API exposes the Repository in a number of services and allows creating, reading, updating, managing, and deleting objects.
 page_type: reference
+month_change: true
 ---
 
 # PHP API
 
-The public PHP API enables you to interact with [[= product_name =]]'s Repository and content model from your PHP code.
+The [public PHP API](../php_api_reference/) enables you to interact with [[= product_name =]]'s Repository and content model from your PHP code.
 
 You can use it to create, read, update, manage, and delete all objects available in [[= product_name =]], namely
 content and related objects such as Sections, Locations, content types, languages, etc.

docs/css/navigation.css

@@ -133,6 +133,13 @@
     padding-bottom: 0.5rem;
 }
 
+.md-nav__link .pill.new {
+    margin-right: 15px;
+    background-color: #d9e8ff;
+    color: #3562a0;
+    text-transform: lowercase;
+}
+
 .md-nav__link::after {
     font-weight: 700;
 }

theme/partials/nav-item.html

@@ -16,7 +16,7 @@
       <ul class="md-nav__list" data-md-scrollfix>
         {% set base = path %}
         {% for nav_item in nav_item.children %}
-          {% set path = base ~ "-" ~ loop.index %}
+          {% set path = base ~ "-" ~ loop.index %}
           {% set level = level + 1 %}
           {% include "partials/nav-item.html"  %}
         {% endfor %}
@@ -37,6 +37,7 @@
     {% endif %}
     <a href="{{ nav_item.url | url }}" class="md-nav__link level-{{ level }} md-nav__link--active">
       {{ nav_item.title }}
+      {% if nav_item.meta.month_change %}<span class="pill new">New</span>{% endif %}
     </a>
     {% if toc | first is defined %}
       {% include "partials/toc.html" %}
@@ -46,6 +47,7 @@
   <li class="{{ class }}">
     <a href="{{ nav_item.url | url }}" class="md-nav__link level-{{ level }}">
       {{ nav_item.title }}
+      {% if nav_item.meta.month_change %}<span class="pill new">New</span>{% endif %}
     </a>
   </li>
 {% endif %}