Improve nested dropdown's style and animation

Author: st0012

lib/rdoc/generator/darkfish.rb

@@ -764,7 +764,7 @@ def generate_class_index_content(classes, rel_prefix)
   end
 
   def traverse_classes(klasses, grouped_classes, rel_prefix, solo = false)
-    content = +'<ul class="link-list">'
+    content = +'<ul class="link-list nav-list">'
 
     klasses.each do |index_klass|
       if children = grouped_classes[index_klass.full_name]

lib/rdoc/generator/template/aliki/_sidebar_pages.rhtml

@@ -1,46 +1,66 @@
 <%- simple_files = @files.select { |f| f.text? } %>
+
 <%- if defined?(current) && current.respond_to?(:page_name) %>
   <%- dir = current.full_name[%r{\A[^/]+(?=/)}] || current.page_name %>
 <%- end %>
+
 <%- unless simple_files.empty? then %>
   <div id="fileindex-section" class="nav-section">
     <details class="nav-section-collapsible" open>
       <summary class="nav-section-header">
         <span class="nav-section-icon">
-          <svg><use href="#icon-file"></use></svg>
+          <svg>
+            <use href="#icon-file"></use>
+          </svg>
         </span>
+
         <span class="nav-section-title">Pages</span>
+
         <span class="nav-section-chevron">
-          <svg><use href="#icon-chevron"></use></svg>
+          <svg>
+            <use href="#icon-chevron"></use>
+          </svg>
         </span>
       </summary>
 
       <ul class="nav-list">
-      <%- grouped_files = simple_files.group_by { |f| f.full_name[%r{\A[^/]+(?=/)}] || f.page_name } %>
-      <%- grouped_files.each do |n, files| %>
-        <%- f = files.shift %>
-        <%- if files.empty? %>
-        <li><a href="<%= rel_prefix %>/<%= h f.path %>"><%= h f.page_name %></a></li>
-          <%- next %>
+        <%- grouped_files = simple_files.group_by { |f| f.full_name[%r{\A[^/]+(?=/)}] || f.page_name } %>
+
+        <%- grouped_files.each do |n, files| %>
+          <%- f = files.shift %>
+
+          <%- if files.empty? %>
+            <li>
+              <a href="<%= rel_prefix %>/<%= h f.path %>">
+                <%= h f.page_name %>
+              </a>
+            </li>
+            <%- next %>
+          <%- end %>
+
+          <li>
+            <details <%= dir == n ? ' open' : '' %>>
+              <summary>
+                <% if n == f.page_name %>
+                  <a href="<%= rel_prefix %>/<%= h f.path %>"><%= h n %></a>
+                <% else %>
+                  <%= h n %>
+                  <% files.unshift(f) %>
+                <% end %>
+              </summary>
+
+              <ul class="link-list">
+                <%- files.each do |f| %>
+                  <li>
+                    <a href="<%= rel_prefix %>/<%= h f.path %>">
+                      <%= h f.page_name %>
+                    </a>
+                  </li>
+                <%- end %>
+              </ul>
+            </details>
+          </li>
         <%- end %>
-        <li>
-          <details class="nav-subsection" <%= dir == n ? ' open' : '' %>>
-            <summary>
-            <% if n == f.page_name %>
-              <a href="<%= rel_prefix %>/<%= h f.path %>"><%= h n %></a>
-            <% else %>
-              <%= h n %>
-              <% files.unshift(f) %>
-            <% end %>
-            </summary>
-            <ul class="link-list">
-            <%- files.each do |f| %>
-              <li><a href="<%= rel_prefix %>/<%= h f.path %>"><%= h f.page_name %></a></li>
-            <%- end %>
-            </ul>
-          </details>
-        </li>
-      <%- end %>
       </ul>
     </details>
   </div>