Improve multi-signature display with stacked code block

Author: st0012

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

@@ -153,11 +153,7 @@
           <%- end %>
 
           <%- if method.type_signature %>
-          <div class="method-type-signature">
-            <%- method.type_signature.split("\n").each do |sig| %>
-            <code><%= h(sig).gsub('-&gt;', '&rarr;') %></code>
-            <%- end %>
-          </div>
+          <pre class="method-type-signature"><code><%= method.type_signature.split("\n").map { |sig| h(sig).gsub('-&gt;', '&rarr;') }.join("\n") %></code></pre>
           <%- end %>
         </div>
 

lib/rdoc/generator/template/aliki/css/rdoc.css

@@ -1346,25 +1346,47 @@ main .method-heading .method-args {
   font-weight: var(--font-weight-normal);
 }
 
-/* Type signatures — method overloads stack vertically under the name */
-main .method-header .method-type-signature {
-  display: flex;
-  flex-wrap: wrap;
-  gap: var(--space-1);
-}
-
-main .method-type-signature code {
+/* Type signatures — overloads stack as a code block under the method name */
+pre.method-type-signature {
+  position: relative;
+  margin: var(--space-2) 0 0;
+  padding: var(--space-2) 0 0;
+  background: transparent;
+  border: none;
+  border-radius: 0;
+  overflow: visible;
   font-family: var(--font-code);
   font-size: var(--font-size-sm);
-  font-weight: var(--font-weight-normal);
-  color: var(--color-text-secondary);
+  color: var(--color-text-tertiary);
+  line-height: var(--line-height-tight);
+  white-space: pre-wrap;
+  overflow-wrap: break-word;
+}
+
+pre.method-type-signature::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  border-top: 1px dotted var(--color-border-default);
+}
+
+pre.method-type-signature code {
+  font-family: inherit;
+  font-size: inherit;
+  color: inherit;
   background: transparent;
+  padding: 0;
 }
 
 /* Attribute type sigs render inline after the [RW] badge */
 main .method-heading > .method-type-signature {
   display: inline;
   margin-left: var(--space-2);
+  font-family: var(--font-code);
+  font-size: var(--font-size-sm);
+  color: var(--color-text-secondary);
 }
 
 main .method-controls {
@@ -1473,6 +1495,10 @@ main .attribute-access-type {
     font-size: var(--font-size-base);
   }
 
+  pre.method-type-signature {
+    font-size: var(--font-size-xs);
+  }
+
   main .method-header {
     padding: var(--space-2);
   }