handle supertypes and subtypes children visiblity

Author: fanixus96

scaladoc/resources/dotty_res/scripts/ux.js

@@ -54,6 +54,23 @@ window.addEventListener("DOMContentLoaded", () => {
     el.parent.addClass("expanded")
   }))
 
+  document.querySelectorAll(".supertypes").forEach(el => el.firstChild.addEventListener('click', () => {
+    el.classList.toggle("collapsed");
+    el.firstChild.classList.toggle("expand");
+  }))
+
+
+  document.querySelectorAll(".subtypes").forEach(el => el.firstChild.addEventListener('click', () => {
+    el.classList.toggle("collapsed");
+    el.firstChild.classList.toggle("expand");
+  }))
+
+  document.querySelectorAll(".nh").forEach(el => el.addEventListener('click', () => {
+    el.lastChild.click()
+    el.first.addClass("expanded")
+    el.parent.addClass("expanded")
+  }))
+
   const observer = new IntersectionObserver(entries => {
     entries.forEach(entry => {
       const id = entry.target.getAttribute('id');

scaladoc/resources/dotty_res/styles/theme/components/subtypes.css

@@ -3,4 +3,27 @@
   padding: calc(3 * var(--base-spacing));
   padding-bottom: calc(1.5 * var(--base-spacing));
   overflow-x: scroll;
+  position: relative;
+}
+
+.subtypes > span {
+  position: absolute;
+  top: calc(1 * var(--base-spacing));
+  right: calc(1 * var(--base-spacing));
+}
+
+.subtypes > div {
+  display: none;
+}
+
+.subtypes > div:nth-child(2),
+.subtypes > div:nth-child(3),
+.subtypes > div:nth-child(4),
+.subtypes > div:nth-child(5),
+.subtypes > div:nth-child(6) {
+  display: block;
+}
+
+.subtypes.collapsed > div {
+  display: block;
 }

scaladoc/resources/dotty_res/styles/theme/components/supertypes.css

@@ -3,4 +3,27 @@
   padding: calc(3 * var(--base-spacing));
   padding-bottom: calc(1.5 * var(--base-spacing));
   overflow-x: scroll;
+  position: relative;
+}
+
+.supertypes > span {
+  position: absolute;
+  top: calc(1 * var(--base-spacing));
+  right: calc(1 * var(--base-spacing));
+}
+
+.supertypes > div {
+  display: none;
+}
+
+.supertypes > div:nth-child(2),
+.supertypes > div:nth-child(3),
+.supertypes > div:nth-child(4),
+.supertypes > div:nth-child(5),
+.supertypes > div:nth-child(6) {
+  display: block;
+}
+
+.supertypes.collapsed > div {
+  display: block;
 }

scaladoc/src/dotty/tools/scaladoc/renderers/MemberRenderer.scala

@@ -365,9 +365,11 @@ class MemberRenderer(signatureRenderer: SignatureRenderer)(using DocContext) ext
           ))
         case _ => Nil
 
-      def signatureList(list: Seq[LinkToType], className: String = ""): Seq[AppliedTag] =
+      def signatureList(list: Seq[LinkToType], className: String = "", expandable: Boolean): Seq[AppliedTag] =
         if list.isEmpty then Nil
-         else Seq(div(cls := s"mono-small-inline $className")(list.map(link =>
+         else Seq(div(cls := s"mono-small-inline $className")(
+          if(expandable) then span(cls := "icon-button show-content") else span(),
+         list.map(link =>
           div(link.kind.name," ", link.signature.map(renderElement(_)))
         )))
 
@@ -377,8 +379,8 @@ class MemberRenderer(signatureRenderer: SignatureRenderer)(using DocContext) ext
           div(link.signature.map(renderElement(_)))
         }})
 
-      val supertypes = signatureList(m.parents, "supertypes")
-      val subtypes = signatureList(m.knownChildren, "subtypes")
+      val supertypes = signatureList(m.parents, "supertypes", m.parents.length > 5)
+      val subtypes = signatureList(m.knownChildren, "subtypes", m.knownChildren.length > 5)
       val selfType = selfTypeList(m.selfType.toList)
 
       Seq(