add arrow to dropdown button

Author: Filip Łukasik

scaladoc-js/main/src/versions-dropdown/DropdownHandler.scala

@@ -29,9 +29,8 @@ class DropdownHandler:
       ddc.appendChild(child)
 
   private def disableButton() =
-    val btn = document.getElementById("version-dropdown").asInstanceOf[html.Button]
-    btn.disabled = true
-    btn.classList.remove("dropdownbtnactive")
+    val btn = document.getElementById("dropdown-trigger").asInstanceOf[html.Span]
+    btn.classList.add("disabled")
 
   private def getURLContent(url: String): Future[String] = Ajax.get(url).map(_.responseText)
 
@@ -66,6 +65,7 @@ end DropdownHandler
 @JSExportTopLevel("dropdownHandler")
 def dropdownHandler(e: Event) =
   e.stopPropagation()
+  console.log("clikc")
   if document.getElementById("version-dropdown").getElementsByTagName("a").size > 0 &&
      window.getSelection.toString.length == 0 then
     document.getElementById("version-dropdown").classList.toggle("expanded")
@@ -84,4 +84,4 @@ def filterFunction() =
       cl.remove("filtered")
     else
       cl.add("filtered")
-  }
+  }

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

@@ -24,8 +24,9 @@
   box-shadow: 0px 0px 0px 2px var(--focus-default);
 }
 
-.text-button:disabled {
+.text-button.disabled {
   opacity: 0.5;
+  pointer-events: none;
 }
 
 .text-button::after {
@@ -34,9 +35,16 @@
 
 /* button with arrow */
 .text-button.with-arrow::after {
-  content: url("../../../../images/icon-buttons/hamburger/dark/default.svg");
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: center;
 }
+
+.text-button.with-arrow::after {
+  content: url("../../../../images/icon-buttons/arrow-down/light/default.svg");
+}
+
+.theme-dark .text-button.with-arrow::after {
+  content: url("../../../../images/icon-buttons/arrow-down/dark/default.svg");
+}

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

@@ -213,7 +213,7 @@ class HtmlRenderer(rootPackage: Member, members: Map[DRI, Member])(using ctx: Do
         div(cls := "header-container-left")(
           projectLogoElem.toSeq,
           darkProjectLogoElem.toSeq,
-          span(onclick := "dropdownHandler(event)", cls := "text-button with-arrow")(
+          span(onclick := "dropdownHandler(event)", cls := "text-button with-arrow", id := "dropdown-trigger")(
             a()(
               args.projectVersion.map(v => div(cls:="projectVersion")(v)).getOrElse("")
             ),