Merge pull request #38 from szymon-rd/member-headers

Member headers

Author: kamilszewczyk0

scaladoc/resources/dotty_res/scripts/ux.js

@@ -355,6 +355,18 @@ window.addEventListener("DOMContentLoaded", () => {
 
 const elements = document.querySelectorAll(".documentableElement");
 
+document
+  .querySelectorAll(".documentableElement .signature")
+  .forEach((signature) => {
+    const extender = document.createElement("span");
+    const extenderDots = document.createTextNode("...");
+    extender.appendChild(extenderDots);
+    extender.classList.add("extender");
+    if (signature.children[1].hasChildNodes()) {
+      signature.children[0].append(extender);
+    }
+  });
+
 // show/hide side menu on mobile view
 const sideMenuToggler = document.getElementById("mobile-sidebar-toggle");
 sideMenuToggler.addEventListener("click", (_e) => {

scaladoc/resources/dotty_res/styles/theme/components/api-member.css

@@ -15,6 +15,10 @@
   line-height: 1.5;
 }
 
+.documentableElement .signature-long {
+  display: none;
+}
+
 .documentableElement:not(.expand):hover,
 .documentableElement-expander {
   cursor: pointer;
@@ -82,6 +86,14 @@ color: var(--text-secondary);
   color: var(--text-primary);
 }
 
+.documentableElement.expand .signature-long {
+  display: block;
+}
+
+.documentableElement.expand .extender {
+  display: none;
+}
+
 .documentableElement .icon-button {
   position: absolute;
   left: calc(3.5 * var(--base-spacing) / -1);
@@ -97,7 +109,7 @@ color: var(--text-secondary);
 }
 
 .documentableElement:hover .icon-button {
-  display: block;
+  display: inline;
 }
 
 .documentableElement .attributes {

scaladoc/resources/dotty_res/styles/theme/components/button/icon-button.css

@@ -764,23 +764,23 @@
   content: url("../../../../images/icon-buttons/arrow-right/dark/default.svg");
 }
 
-.theme-dark .documentableElement.ar.icon-button:hover::after {
+.theme-dark .documentableElement .ar.icon-button:hover::after {
   content: url("../../../../images/icon-buttons/arrow-right/dark/hover.svg");
 }
 
-.theme-dark .documentableElement.ar.icon-button:active::after {
+.theme-dark .documentableElement .ar.icon-button:active::after {
   content: url("../../../../images/icon-buttons/arrow-right/dark/active.svg");
 }
 
-.theme-dark .documentableElement.ar.icon-button:disabled::after {
+.theme-dark .documentableElement .ar.icon-button:disabled::after {
   content: url("../../../../images/icon-buttons/arrow-right/dark/disabled.svg");
 }
 
-.theme-dark .documentableElement.ar.icon-button:focus::after {
+.theme-dark .documentableElement .ar.icon-button:focus::after {
   content: url("../../../../images/icon-buttons/arrow-right/dark/focus.svg");
 }
 
-.theme-dark .documentableElement.ar.icon-button.selected::after {
+.theme-dark .documentableElement .ar.icon-button.selected::after {
   content: url("../../../../images/icon-buttons/arrow-right/dark/selected.svg");
 }
 

scaladoc/resources/dotty_res/styles/theme/layout/content.css

@@ -133,6 +133,7 @@
 
 #content h1:first-of-type {
   line-height: normal;
+  word-break: break-word;
 }
 
 #content h1 {