Visually reflect structure of articles and map topics within categories displayed in "All docs" section of landing pages (#19377)

includes/all-articles-category.html

@@ -16,8 +16,13 @@
               {% assign article = xarticle[1] %}
               <li class="mb-3 {% if forloop.index > maxArticles %}d-none{% endif %}">
                 <a href="{{ article.href }}">
-                  {{ article.title }}
+                  {{ article.title }}<!--
-                </a>
+                --></a>
+                {% comment %}
+                  <small class="color-text-secondary d-inline-block">
+                    &bull; {{ article.childArticles | obj_size }} articles
+                  </small>
+                {% endcomment %}
               </li>
             {% endfor %}
             {% assign numArticles = maptopic.childArticles | obj_size %}

includes/all-articles-product.html

@@ -17,8 +17,11 @@
                   {% assign numArticles = category[1].maptopics | obj_size %}
                   <li class="mb-3 {% if forloop.index > maxArticles %}d-none{% endif %}">
                     <a href="{{ maptopic[1].href }}">
-                      {{ maptopic[1].title }}
+                      {{ maptopic[1].title }}<!--
-                    </a>
+                    --></a>
+                    <small class="color-text-secondary d-inline-block">
+                      &bull; {{ maptopic[1].articles | obj_size }} articles
+                    </small>
                   </li>
                   {% if numArticles > maxArticles %}
                     <button class="js-all-articles-show-more btn-link Link--secondary">Show {{ numArticles | minus: maxArticles }} more {% octicon "chevron-up" class="v-align-text-bottom" %}</button>

includes/category-articles-list.html

@@ -32,3 +32,9 @@
     {% endfor %}
   </div>
 </div>
+
+{% comment %}
+  <small class="color-text-secondary d-inline-block">
+    &bull; {{ article.childArticles | obj_size }} articles
+  </small>
+{% endcomment %}

includes/product-articles-list.html

@@ -44,3 +44,9 @@
     {% endfor %}
   </div>
 </div>
+
+{% comment %}
+  <small class="color-text-secondary d-inline-block">
+    &bull; {{ article.childArticles | obj_size }} articles
+  </small>
+{% endcomment %}