minor fixes: scroll bars on overflowing elements, copy button size, function args spacing, type icons padding, link to window.location.href

src/components/hooks/CreateCopyButtons.astro

@@ -42,6 +42,7 @@
         button.onclick = () => {
           let link = window.location.href.split("#")[0];
           link += `#-${heading.textContent?.slice(10).trimEnd().replaceAll(" ", "-").toLowerCase()}`;
+          window.location.href = link
           navigator.clipboard.writeText(link);
           heading.classList.toggle("copied")
           setTimeout(() => heading.classList.remove("copied"), 1000);

src/components/navigation/search/index.tsx

@@ -7,6 +7,8 @@ import {
 import type { SearchResult } from "./types";
 import SearchModal from "./SearchModal";
 
+//const pagefindPath = "@dist/pagefind/pagefind.js";
+//const pagefind = await import(pagefindPath);
 const pagefind = await import("@dist/pagefind/pagefind.js");
 pagefind.init();
 
@@ -44,7 +46,7 @@ const SearchComponent: Component = () => {
         value={query()}
         placeholder="Search"
         onChange={e => handleSearch(e.target.value)}
-      //onfocusout={() => setQuery("")}
+        //onfocusout={() => setQuery("")}
       />{" "}
       {!results.loading && results() && results()!.length > 0 ? (
         <SearchModal

src/components/type/Functions.astro

@@ -19,19 +19,13 @@ const { funcData, title } = Astro.props;
 <ul class="typedata typefuncs">
   {
     funcData.map(item => {
-      const functionParams = item.params.length > 0 ? item.params : null
+      const functionParams = item.params.length > 0 ? item.params.map((funcparam,index) => `${funcparam.name}${index !== item.params.length -1 ? ", ":""}`) : null
       const retTypeLink = getQMLTypeLink(item.ret as unknown as QMLTypeLinkObject)
       return (
         <li id={item.name} class="typedata-root typefunc-root">
           <p class="typedata-name typefunc-name">
-            {item.name}({functionParams
-              ? functionParams.map((itemType, index) => (
-                <span class="typedata-param">{itemType.name}{
-                  index !== functionParams.length - 1
-                    && ", "
-                  }</span>
-                )
-              ) : null})<span class="type-datatype">:&nbsp;<a
+      {item.name}(<span class="typedata-param">{functionParams}</span>)
+      <span class="type-datatype">:&nbsp;<a
                 href={retTypeLink}
                 target="_blank"
                 >{item.ret.name || item.ret.type}</a></span>

src/components/type/Signals.astro

@@ -27,11 +27,11 @@ const { signalKeys, signalsData, title } = Astro.props;
           </p>
           {
             signalData.params && signalData.params.length > 0 ? (
-              <p class="typesignal-params">
+              <p class="typedata-params typesignal-params">
                 {
                   signalData.params.map((param, _) => {
                     return (
-                    <span class="typesignal-param typedata-param">
+                    <span class="typedata-param typesignal-param">
                       <Tag client:idle/>
                       {param.name}<span class="type-datatype">:&nbsp;<a
                         href=""