fix filters position, trigger graph func when document is loaded

Author: fanixus96

scaladoc/resources/dotty_res/scripts/ux.js

@@ -51,24 +51,6 @@ window.addEventListener("DOMContentLoaded", () => {
 
   document.querySelectorAll(".side-menu a").forEach(elem => elem.addEventListener('click', e => e.stopPropagation()))
 
-  $('.names .tab').on('click', function () {
-    parent = $(this).parents(".tabs").first()
-    shown = $(this).hasClass('selected')
-    single = parent.hasClass("single")
-
-    if (single) parent.find(".tab.selected").removeClass('selected')
-
-    id = $(this).attr('data-togglable')
-    myTab = parent.find("[data-togglable='" + id + "'].tab")
-    if (!shown) { myTab.addClass('selected') }
-    if (shown && !single) myTab.removeClass('selected')
-
-    if (!shown && $(this).filter(".showGraph").length > 0) {
-      showGraph()
-      $(this).find(".showGraph").removeClass("showGraph")
-    }
-  })
-
   if (location.hash) {
     var target = location.hash.substring(1);
     // setting the 'expand' class on the top-level container causes undesireable styles
@@ -136,6 +118,10 @@ window.addEventListener("DOMContentLoaded", () => {
     mobileMenuCloseIcon.addEventListener('click', _e => {
       document.getElementById("mobile-menu").classList.remove("show")
     })
+
+
+  // when document is loaded graph needs to be shown
+  showGraph();
 });
 
 var zoom;

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

@@ -1,14 +1,15 @@
 .documentableFilter {
   display: flex;
-  position: fixed;
-  top: calc(10 * var(--base-spacing));
   flex-wrap: wrap;
   z-index: 2;
+  row-gap: calc(2 * var(--base-spacing));
+  position: relative;
 }
 
 .filtersContainer {
   display: flex;
   flex-wrap: wrap;
+  row-gap: calc(2 * var(--base-spacing));
 }
 
 .filterableInput {

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

@@ -5,6 +5,10 @@
   margin: 0;
 }
 
+.attributes p {
+  margin: 0;
+}
+
 .attributes > dt {
   float: left;
   width: 30%;
@@ -26,3 +30,17 @@
   padding-top: calc(2.5 * var(--base-spacing));
   padding-bottom: calc(2.5 * var(--base-spacing));
 }
+
+.attributes > dd > .attributes > dt {
+  border-top: none;
+  padding: 0;
+  text-align: initial;
+  width: 20%;
+}
+
+.attributes > dd > .attributes > dd {
+  border-top: none;
+  padding: 0;
+  text-align: initial;
+  width: 80%;
+}

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

@@ -63,10 +63,6 @@
 .pill-container ul li {
   padding: calc(1 * var(--base-spacing)) calc(4 * var(--base-spacing));
   cursor: pointer;
-  display: none;
-}
-
-.pill-container ul li.visible {
   display: flex;
 }
 

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

@@ -90,31 +90,31 @@
 }
 
 .cover-header .micon.cl-wc {
-  content: url("../../../images/class_comp-big.svg");
+  content: url("../../../images/class-big.svg");
 }
 
 .cover-header .micon.ob {
   content: url("../../../images/object-big.svg");
 }
 
 .cover-header .micon.ob-wc {
-  content: url("../../../images/object_comp-big.svg");
+  content: url("../../../images/object-big.svg");
 }
 
 .cover-header .micon.tr {
   content: url("../../../images/trait-big.svg");
 }
 
 .cover-header .micon.tr-wc {
-  content: url("../../../images/trait_comp-big.svg");
+  content: url("../../../images/trait-big.svg");
 }
 
 .cover-header .micon.en {
   content: url("../../../images/enum-big.svg");
 }
 
 .cover-header .micon.en-wc {
-  content: url("../../../images/enum_comp-big.svg");
+  content: url("../../../images/enum-big.svg");
 }
 
 .cover-header .micon.gi {
@@ -151,31 +151,31 @@
 }
 
 .theme-dark .cover-header .micon.cl-wc {
-  content: url("../../../images/class_comp-big.svg");
+  content: url("../../../images/class-big.svg");
 }
 
 .theme-dark .cover-header .micon.ob {
   content: url("../../../images/object-dark-big.svg");
 }
 
 .theme-dark .cover-header .micon.ob-wc {
-  content: url("../../../images/object_comp-big.svg");
+  content: url("../../../images/object-big.svg");
 }
 
 .theme-dark .cover-header .micon.tr {
   content: url("../../../images/trait-dark-big.svg");
 }
 
 .theme-dark .cover-header .micon.tr-wc {
-  content: url("../../../images/trait_comp-big.svg");
+  content: url("../../../images/trait-big.svg");
 }
 
 .theme-dark .cover-header .micon.en {
   content: url("../../../images/enum-dark-big.svg");
 }
 
 .theme-dark .cover-header .micon.en-wc {
-  content: url("../../../images/enum_comp-big.svg");
+  content: url("../../../images/enum-big.svg");
 }
 
 .theme-dark .cover-header .micon.gi {

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

@@ -407,9 +407,9 @@ class MemberRenderer(signatureRenderer: SignatureRenderer)(using DocContext) ext
         )
     PageContent(
       div(
-        buildDocumentableFilter,
         intro,
         memberInfo(m, withBrief = false),
+        buildDocumentableFilter,
         buildMembers(m)
       ),
       Seq.empty // For now, we don't support table of contents in members