Accordion UI changes: +/- on left, support empty category

5layers.yml

@@ -217,6 +217,33 @@ pages:
         targets:
             - local
 
+    -   name: rippled API Admin Methods
+        funnel: Docs
+        doc_type: References
+        category: rippled API Admin Methods
+        html: reference-rippled-admin.html
+        template: template-cat-landing.html
+        targets:
+            - local
+
+    -   md: rippled-api-methods/ledger_accept.md
+        funnel: Docs
+        doc_type: References
+        category: rippled API Admin Methods
+        subcategory: Server Control Methods
+        template: template-cat-landing.html
+        targets:
+            - local
+
+    -   name: Test Empty Category
+        funnel: Docs
+        doc_type: References
+        category: Test Empty Category
+        html: reference-rippled-conventions.html
+        template: template-cat-landing.html
+        targets:
+            - local
+
 
 ignore_anchors_in:
     - data-api-v2-tool.html

assets/css/devportal.css

@@ -552,7 +552,7 @@ th {
 
 #sidenav_accordion .panel-heading h5 .sidenav_cat_title {
   display: block;
-  padding: 16px 15px;
+  padding: 16px 15px 16px 55px;
   font-family: "open_sansregular", sans-serif;
   color: #666;
 }
@@ -563,29 +563,32 @@ th {
 
 #sidenav_accordion .panel-heading .sidenav_cat_toggler {
     position: absolute;
-    right: 0;
+    left: 0;
     padding: 15px 16px 17px 16px;
-    background-color: #ccc;
+    background-color: #e0e0e0;
     line-height: 0;
+    transition: background-color 0.5s;
+}
+#sidenav_accordion .panel-heading .sidenav_cat_toggler.collapsed {
+  background-color: #ccc;
 }
 
 #sidenav_accordion .panel-heading .sidenav_cat_toggler:before {
-    font-family: "FontAwesome";
+    content: "-";
-    content: "\f107";
+    width: 0.8em;
+    text-align: center;
     display: block;
-    transition: transform 0.5s;
     line-height: 17.7px;
 }
 #sidenav_accordion .panel-heading .sidenav_cat_toggler.collapsed:before {
-  /* content: "\f106"; */
+    content: "+";
-  transform: rotate(90deg);
 }
 
 
 #sidenav_accordion .panel .sidebar_cat_pagelist li a {
   display: block;
   margin-top: 5px;
-  padding: 4px 15px 4px 55px;
+  padding: 4px 15px 4px 75px;
   text-indent: -20px;
   font-size: 14px;
   color: #27a2db;
@@ -898,5 +901,5 @@ th {
 }
 
 #sidenav_accordion .panel .sidebar_cat_pagelist li .subpage {
-  padding-left: 75px;
+  padding-left: 95px;
 }

tool/template-sidebar_nav.html

@@ -9,8 +9,10 @@
     <div class="panel panel-default{% if currentpage.category == cat %} active{% endif %}">
       <div class="panel-heading" role="tab" id="sidenav_cat_head_{{loop.index}}">
         <h5 class="panel-title">
+        {% if catpages|length > 1 %}
         <a class="{% if currentpage.category != cat %}collapsed {% endif %}sidenav_cat_toggler" role="button" data-toggle="collapse" data-parent="#sidenav_accordion" href="#sidenav_collapse_{{loop.index}}" aria-expanded="true" aria-controls="sidenav_collapse_{{loop.index}}">&nbsp;</a>
-          <a class="sidenav_cat_title{% if currentpage == (pages|selectattr('category', 'equalto', cat)|first) %} active{% endif %}" href="{{ (pages|selectattr('category', 'equalto', cat)|first).html }}">{{ cat }}</a>
+        {% endif %}
+        <a class="sidenav_cat_title{% if currentpage == (pages|selectattr('category', 'equalto', cat)|first) %} active{% endif %}" href="{{ (pages|selectattr('category', 'equalto', cat)|first).html }}">{{ cat }}</a>
         </h5>
       </div><!-- /.panel-heading -->