manage diagram visibility

Author: fanixus96

scaladoc/resources/dotty_res/scripts/ux.js

@@ -121,15 +121,16 @@ window.addEventListener("DOMContentLoaded", () => {
 
 
   // when document is loaded graph needs to be shown
-  showGraph();
 });
 
 var zoom;
 var transform;
 
 function showGraph() {
+  document.getElementById("inheritance-diagram").classList.add("shown")
   if ($("svg#graph").children().length == 0) {
     var dotNode = document.querySelector("#dot")
+
     if (dotNode) {
       var svg = d3.select("#graph");
       var radialGradient = svg.append("defs").append("radialGradient").attr("id", "Gradient");
@@ -202,6 +203,10 @@ function showGraph() {
   }
 }
 
+function hideGraph() {
+  document.getElementById("inheritance-diagram").classList.remove("shown")
+}
+
 function zoomOut() {
   var svg = d3.select("#graph");
   svg

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

@@ -1,3 +1,37 @@
 .diagram-class {
   position: relative;
 }
+
+#inheritance-diagram > button:nth-of-type(1) {
+  display: none;
+  position: absolute;
+  right: 0;
+}
+
+#inheritance-diagram > button:nth-of-type(2) {
+  display: none;
+  position: absolute;
+  right: calc(13 * var(--base-spacing));
+}
+
+#inheritance-diagram.shown > button:nth-of-type(3) {
+  display: none;
+}
+
+#inheritance-diagram.shown > button:nth-of-type(1) {
+  display: block;
+}
+
+#inheritance-diagram.shown > button:nth-of-type(2) {
+  display: block;
+}
+
+#graph {
+  display: none;
+}
+
+#inheritance-diagram.shown #graph {
+  display: block;
+  width: 100%;
+  height: calc(50 * var(--base-spacing));
+}

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

@@ -349,6 +349,8 @@ class MemberRenderer(signatureRenderer: SignatureRenderer)(using DocContext) ext
         case graph if graph.edges.nonEmpty =>
           Seq(div( id := "inheritance-diagram", cls := "diagram-class showGraph")(
             button(`type` := "button", cls := "label-only-button", onclick := "zoomOut()")("Reset zoom"),
+            button(`type` := "button", cls := "label-only-button", onclick := "hideGraph()")("Hide graph"),
+            button(`type` := "button", cls := "label-only-button", onclick := "showGraph()")("Show graph"),
             svg(id := "graph"),
             script(`type` := "text/dot", id := "dot")(
               raw(DotDiagramBuilder.build(graph, signatureRenderer))